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-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
18        className
19      )}
20      {...props}
21    />
22  );
23}
24
25export { Separator };