---
import PajamasIcon from "@/components/icons/PajamasIcon.astro"

interface Props {
  for: string
}

const { for: forId } = Astro.props
---

<label for={forId} aria-label="open sidebar" class="btn btn-square btn-ghost">
  <PajamasIcon
    name="pajamas:hamburger"
    class="w-6 h-6"
    aria-label="Hamburger menu"
  />
</label>