| 1 | "use client"; |
| 2 | |
| 3 | import { mergeProps } from "@base-ui/react/merge-props"; |
| 4 | import { useRender } from "@base-ui/react/use-render"; |
| 5 | |
| 6 | import { cn } from "~/lib/utils"; |
| 7 | |
| 8 | function Label({ className, render, ...props }: useRender.ComponentProps<"label">) { |
| 9 | const defaultProps = { |
| 10 | className: cn( |
| 11 | "inline-flex items-center gap-2 text-base/4.5 sm:text-sm/4 font-medium text-foreground", |
| 12 | className, |
| 13 | ), |
| 14 | "data-slot": "label", |
| 15 | }; |
| 16 | |
| 17 | return useRender({ |
| 18 | defaultTagName: "label", |
| 19 | props: mergeProps<"label">(defaultProps, props), |
| 20 | render, |
| 21 | }); |
| 22 | } |
| 23 | |
| 24 | export { Label }; |