{# @description The button that opens a drawer. It is a label for the drawer's toggle checkbox, so it needs no script. Any further attributes reach the label element. #}
{# @prop drawer:text | required | example:"nav" | description:"Id of the drawer this button opens, the same value as the drawer's id." #}
{# @prop class:text | description:"Extra classes added to the button." #}
{# @slot Open sidebar — The opener's text. The focus ring shows when the opener is inside the drawer's page content. #}
{# A label, not a button: daisyUI's focus ring targets `label.drawer-button`, and the Tab stop is the drawer's checkbox. #}
<c-vars drawer="" class />
<label for="{{ drawer }}" class="btn drawer-button {{ class }}" {{ attrs }}>{{ slot }}</label>