label

1import type { PolymorphicProps } from "@kobalte/core";
2import { Polymorphic } from "@kobalte/core";
3 
4import { cn } from "~/lib/utils.ts";
5import type { ComponentProps, ValidComponent } from "solid-js";
6 
7import { splitProps } from "solid-js";
8 
9type LabelProps<T extends ValidComponent = "label"> = ComponentProps<T> & {
10  class?: string | undefined;
11};
12 
13const Label = <T extends ValidComponent = "label">(
14  props: PolymorphicProps<T, LabelProps<T>>,
15) => {
16  const [local, others] = splitProps(props as LabelProps, ["class"]);
17 
18  return (
19    <Polymorphic<LabelProps>
20      as="label"
21      data-slot="label"
22      class={cn(
23        "gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 peer-data-disabled:opacity-50 flex select-none items-center peer-disabled:cursor-not-allowed group-data-[disabled=true]:pointer-events-none peer-data-disabled:cursor-not-allowed",
24        local.class,
25      )}
26      {...others}
27    />
28  );
29};
30 
31export { Label };