39 lines
859 B
TypeScript
39 lines
859 B
TypeScript
import React from "react";
|
|
import { VariantProps, vcn } from "../shared";
|
|
|
|
const [labelVariant, resolveLabelVariantProps] = vcn({
|
|
base: "",
|
|
variants: {
|
|
vertical: {
|
|
true: "flex flex-col gap-2 justify-center items-start",
|
|
false: "",
|
|
},
|
|
horizontal: {
|
|
true: "flex flex-row gap-2 justify-start items-center",
|
|
false: "",
|
|
},
|
|
},
|
|
defaults: {
|
|
vertical: false,
|
|
horizontal: false,
|
|
},
|
|
});
|
|
|
|
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 };
|