{% load daisy_cotton %}{% comment %}
{# @description daisyUI's kbd: a key-cap-styled <kbd> for a keyboard shortcut, such as Ctrl or K. The table's gallery entry shows a key combination beside a service name. #}
{# @prop text:text | description:"Key text, shown before the default slot." #}
{# @prop size:select['xs','sm','md','lg','xl'] | description:"Kbd size." #}
{# @prop class:text | description:"Extra classes added to the kbd." #}
{# @slot K — Content shown after the text. #}

  Laid out to emit no whitespace around the element, with no final newline:
  see "Components used inside a sentence" in CONTRIBUTING.md.
{% endcomment %}<c-vars text="" size="" class="" /><kbd class="kbd {% variation size "kbd" "xs,sm,md,lg,xl" %} {{ class }}" {{ attrs }}>{{ text }}{{ slot }}</kbd>