Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | 2x 2x 6x 6x 6x 6x 6x 6x 6x 6x 6x 6x 6x 6x 6x 6x 6x 6x 6x 1x | import * as React from 'react';
import { cn } from '../lib/utils';
function Separator({
className,
orientation = 'horizontal',
decorative = true,
...props
}: {
className?: string;
orientation?: 'horizontal' | 'vertical';
decorative?: boolean;
} & React.HTMLAttributes<HTMLDivElement>) {
return (
<div
data-testid='separator'
role={decorative ? undefined : 'separator'}
aria-orientation={decorative ? undefined : orientation}
className={cn(
'bg-border shrink-0',
orientation === 'horizontal' ? 'h-px w-full' : 'w-px h-full',
className
)}
{...props}
/>
);
}
export { Separator };
|