import React from 'react';import {createRoot} from 'react-dom/client';import './styles.css';
const years=[1994,1998,2002,2006,2010,2014,2018,2022];
function Card({y}){return <div className='card'><h2>{y}</h2><button>View</button></div>}
createRoot(document.getElementById('root')).render(<><header className='hero'><h1>World Cup Archive</h1><input placeholder='Search (UI only)'/></header><main className='grid'>{years.map(y=><Card key={y} y={y}/>)}</main></>)