/ web / src / components / ui / separator.tsx
separator.tsx
 1  import { cn } from "@/lib/utils";
 2  
 3  export function Separator({
 4    className,
 5    orientation = "horizontal",
 6    ...props
 7  }: React.HTMLAttributes<HTMLDivElement> & { orientation?: "horizontal" | "vertical" }) {
 8    return (
 9      <div
10        role="separator"
11        className={cn(
12          "shrink-0 bg-border",
13          orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
14          className,
15        )}
16        {...props}
17      />
18    );
19  }