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