import Course from "./components/Course";

const App = () => {
  const courses = [
    {
      name: "Half Stack application development",
      sections: [
        {
          part: "Fundamentals of React",
          exerciseCount: 10,
        },
        {
          part: "Using props to pass data",
          exerciseCount: 7,
        },
        {
          part: "State of a component",
          exerciseCount: 14,
        },
        {
          part: "An extra part I added just like that",
          exerciseCount: 3,
        },
      ],
    },
    {
      name: "Quarter Stack application development",
      sections: [
        {
          part: "Fundamentals of Vanilla",
          exerciseCount: 10,
        },
      ],
    },
  ];

  return (
    <>
      {courses.map((course) => (
        <Course course={course} />
      ))}
    </>
  );
};

export default App;