---
import DefaultLayout from '@shared/layouts/DefaultLayout.astro'
import Card from '@ui/Card.astro'
import CardBody from '@ui/CardBody.astro'
import CardTitle from '@ui/CardTitle.astro'
import CardSubtitle from '@ui/CardSubtitle.astro'
import Fullcalendar from '@ui/Fullcalendar.astro'
import DocsLink from '@ui/DocsLink.astro'
---

<DefaultLayout title="Fullcalendar" pageMenu="plugins.fullcalendar" pageLibs={['fullcalendar']}>
  <DocsLink slot="page-header-actions" path="/ui/plugins/fullcalendar" />
  <Card>
    <CardBody>
      <CardTitle>Full calendar</CardTitle>
      <CardSubtitle>Drag to create an event, click one to edit it — populated here with sample events.</CardSubtitle>
      <Fullcalendar id="default" sampleEvents />
    </CardBody>
  </Card>
</DefaultLayout>