Separator

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