separator

1'use client';
2 
3import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
4 
5import { cn } from '@/registry/lib/utils';
6 
7function Separator({ className, orientation = 'horizontal', ...props }: SeparatorPrimitive.Props) {
8  return (
9    <SeparatorPrimitive
10      data-slot="separator"
11      orientation={orientation}
12      className={cn(
13        'shrink-0 bg-line data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch',
14        className
15      )}
16      {...props}
17    />
18  );
19}
20 
21export { Separator };