34 lines
870 B
TypeScript
34 lines
870 B
TypeScript
import React from "react";
|
|
import { VariantProps, vcn } from "../shared";
|
|
|
|
const [labelVariant, resolveLabelVariantProps] = vcn({
|
|
base: "has-[input[disabled]]:brightness-50 has-[input[disabled]]:cursor-not-allowed",
|
|
variants: {
|
|
direction: {
|
|
vertical: "flex flex-col gap-2 justify-center items-start",
|
|
horizontal: "flex flex-row gap-2 justify-start items-center",
|
|
},
|
|
},
|
|
defaults: {
|
|
direction: "vertical",
|
|
},
|
|
});
|
|
|
|
interface LabelProps
|
|
extends VariantProps<typeof labelVariant>,
|
|
React.ComponentPropsWithoutRef<"label"> {}
|
|
|
|
const Label = React.forwardRef<HTMLLabelElement, LabelProps>((props, ref) => {
|
|
const [variantProps, otherPropsCompressed] = resolveLabelVariantProps(props);
|
|
|
|
return (
|
|
<label
|
|
ref={ref}
|
|
{...otherPropsCompressed}
|
|
className={labelVariant(variantProps)}
|
|
/>
|
|
);
|
|
});
|
|
|
|
export { Label };
|