Separator

1"use client"
2 
3import { Separator as SeparatorPrimitive } from "@base-ui/react/separator"
4 
5import { cn } from "@/registry/lib/surface"
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        "shrink-0 bg-border shadow-none data-horizontal:h-hairline data-horizontal:w-full data-vertical:h-full data-vertical:w-hairline data-vertical:self-stretch",
18        className
19      )}
20      {...props}
21    />
22  )
23}
24 
25export { Separator }