Separator

1import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
2
3import { cn } from "@/lib/classes";
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-[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",
16        className
17      )}
18      {...props}
19    />
20  );
21}
22
23export { Separator };