// src/App.jsx

function MovieCard({ title, year }) {
  return (
    <p>{title} ({year})</p>
  );
}

function App() {
  return (
    <div className="app">
      <MovieCard title="Inception" year={2010} />
      <MovieCard title="Arrival" year={2016} />
      <MovieCard title="Parasite" year={2019} />
    </div>
  );
}

export default App;

/*
  Notes:
  - title is passed as a plain string, year as a number — note the
    curly braces around {2010} since it's a real number, not text.
  - MovieCard is destructured straight in the parameter list, so the
    component body can use title and year directly.
*/