Separator

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