supermemory/apps/web/app/components/plate-ui/separator.tsx
2025-01-20 17:50:45 -07:00

25 lines
569 B
TypeScript

'use client';
import * as SeparatorPrimitive from '@radix-ui/react-separator';
import { withProps, withVariants } from '@udecode/cn';
import { cva } from 'class-variance-authority';
const separatorVariants = cva('shrink-0 bg-border', {
defaultVariants: {
orientation: 'horizontal',
},
variants: {
orientation: {
horizontal: 'h-px w-full',
vertical: 'h-full w-px',
},
},
});
export const Separator = withVariants(
withProps(SeparatorPrimitive.Root, {
decorative: true,
orientation: 'horizontal',
}),
separatorVariants
);