Separator

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