Separator

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