separator

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