@vela-ui/react
Version:
Vela UI React components
35 lines (33 loc) • 675 B
JavaScript
// src/components/separator.tsx
import { Separator as AriaSeparator } from "react-aria-components";
import { tv } from "tailwind-variants";
import { jsx } from "react/jsx-runtime";
var separatorVariants = tv({
base: "bg-border shrink-0",
variants: {
orientation: {
horizontal: "h-px w-full",
vertical: "h-full w-px"
}
},
defaultVariants: {
orientation: "horizontal"
}
});
function Separator({
orientation,
className,
...props
}) {
return /* @__PURE__ */ jsx(
AriaSeparator,
{
"data-slot": "separator",
className: separatorVariants({ orientation, className }),
...props
}
);
}
export {
Separator
};