import { useState } from "react";

type Status = "empty" | "success" | "error";

function LessonStatusPanel() {
  const [status, setStatus] = useState<Status>("empty");

  return (
    <section>
      {status === "empty" ? <p>Belum ada lesson dipilih.</p> : null}
      {status === "success" ? <p>Lesson siap dipelajari.</p> : null}
      {status === "error" ? <p>Lesson gagal dimuat.</p> : null}
      <button type="button" onClick={() => setStatus("success")}>
        Tampilkan lesson
      </button>
    </section>
  );
}