import { useState } from "react";
import { Card, CardContent } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
import { ChevronDown, ChevronRight } from "lucide-react";
const courseData = [
{
module: "Módulo 1 - Introdução",
lessons: ["Bem-vindo", "Como funciona o curso", "Primeiros passos"]
},
{
module: "Módulo 2 - Fundamentos",
lessons: ["Conceitos básicos", "Ferramentas", "Primeiro projeto"]
},
{
module: "Módulo 3 - Avançado",
lessons: ["Estratégias", "Automação", "Projeto final"]
}
];
export default function CoursePlatform() {
const [openModule, setOpenModule] = useState(0);
const [currentLesson, setCurrentLesson] = useState({ module: 0, lesson: 0 });
const nextLesson = () => {
const { module, lesson } = currentLesson;
if (lesson < courseData[module].lessons.length - 1) {
setCurrentLesson({ module, lesson: lesson + 1 });
} else if (module < courseData.length - 1) {
setOpenModule(module + 1);
setCurrentLesson({ module: module + 1, lesson: 0 });
}
};
return (
{/* Sidebar */}
{/* Aula */}
);
}
Conteúdo do Curso
{courseData.map((mod, mIndex) => (
{openModule === mIndex && (
))}
{mod.lessons.map((lesson, lIndex) => (
))}
)}
{courseData[currentLesson.module].lessons[currentLesson.lesson]}
Área do Vídeo
Aqui fica a descrição da aula, materiais, links e explicações.