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