Menu

---
import Menu from 'fulldev-ui/components/Menu.astro'
---

<Menu
  groups={[
    {
      heading: 'First',
      links: [
        { text: 'First', href: '#' },
        { text: 'Second', href: '#' },
        { text: 'Third', href: '#' },
      ],
    },
    {
      heading: 'Second',
      links: [
        { text: 'First', href: '#' },
        { text: 'Second', href: '#' },
        { text: 'Third', href: '#' },
      ],
    },
  ]}
/>

---
import Menu from 'fulldev-ui/components/Menu.astro'
---

<Menu
  size="sm"
  groups={[
    {
      heading: 'First',
      links: [
        { text: 'First', href: '#' },
        { text: 'Second', href: '#' },
      ],
    },
  ]}
/>
<Menu
  size="md"
  groups={[
    {
      heading: 'First',
      links: [
        { text: 'First', href: '#' },
        { text: 'Second', href: '#' },
      ],
    },
  ]}
/>
<Menu
  size="lg"
  groups={[
    {
      heading: 'First',
      links: [
        { text: 'First', href: '#' },
        { text: 'Second', href: '#' },
      ],
    },
  ]}
/>