1  'use client';
 2  
 3  import * as React from 'react';
 4  import { Separator as SeparatorPrimitive } from 'radix-ui';
 5  
 6  import { cn } from '@/lib/utils';
 7  
 8  function Separator({
 9    className,
10    orientation = 'horizontal',
11    decorative = true,
12    ...props
13  }: React.ComponentProps<typeof SeparatorPrimitive.Root>) {
14    return (
15      <SeparatorPrimitive.Root
16        data-slot="separator"
17        decorative={decorative}
18        orientation={orientation}
19        className={cn(
20          'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',
21          className
22        )}
23        {...props}
24      />
25    );
26  }
27  
28  export { Separator };