Collapsible course module header that reveals a timed lesson list underneath when expanded.
The import and the props worth knowing about, in one place.
import { Education5 } from "@/components/beste/piece/education5";
<Education5
moduleIndex={2}
moduleTitle="Typography systems"
lessons={[
{
"title": "Choosing a type scale",
"duration": "9:12"
},
{
"title": "Vertical rhythm in the wild",
"duration": "14:30"
},
{
"title": "Pairing display with body",
"duration": "11:05"
}
]}
expanded={true}
bordered={false}
/>