label

1---
2// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/label/Label.astro directly.
3/**
4 * @component Label
5 * @title Label
6 * @description A text label for form controls.
7 * @figmaUrl https://www.figma.com/design/koxai7zw5vIuBzuVxe5T2l/bejamas-ui?node-id=2523-1293&t=YFStJ3V8fXEO8QD8-4
8 *
9 * @preview
10 *
11 * <div class="flex items-center space-x-2">
12 *   <Checkbox id="terms" />
13 *   <Label for="terms">Accept terms and conditions</Label>
14 * </div>
15 *
16 * @usage
17 *
18 * ```astro nocollapse
19 * ---
20 * import { Label } from '@bejamas/ui/components/label';
21 * ---
22 *
23 * <Label for="terms">Accept terms and conditions</Label>
24 * ```
25 */
26 
27import { cn } from "@/lib/utils";
28 
29const { class: className = "", ...props } = Astro.props;
30---
31 
32<label
33  data-slot="label"
34  class={cn("gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50", 
35    "gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed",
36    className,
37  )}
38  {...props}
39>
40  <slot />
41</label>