Drill 18: Inputs and outputs — Components and JSX

function LessonCard({ title, minutes, onOpen }) {
  return (
    <article className="lesson-card">
      <h3>{title}</h3>
      <p>{minutes} min</p>
      <button onClick={() => onOpen(title)}>Open lesson</button>
    </article>
  )
}

export default LessonCard