Label

1import type { Component, JSX } from "solid-js";
2import { splitProps } from "solid-js";
3import { cn } from "~/lib/utils";
4 
5export type LabelProps = JSX.LabelHTMLAttributes<HTMLLabelElement> & {
6  class?: string;
7};
8 
9export const Label: Component<LabelProps> = (props) => {
10  const [local, rest] = splitProps(props, ["class", "children"]);
11  return (
12    <label
13      class={cn(
14        "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
15        local.class,
16      )}
17      {...rest}
18    >
19      {local.children}
20    </label>
21  );
22};