Separator

1"use client";
2 
3import * as React from "react";
4import * as SeparatorPrimitive from "@radix-ui/react-separator";
5import { cn } from "@/lib/utils";
6 
7const Separator = React.forwardRef<
8  React.ComponentRef<typeof SeparatorPrimitive.Root>,
9  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
10>(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => (
11  <SeparatorPrimitive.Root
12    ref={ref}
13    data-slot="separator"
14    decorative={decorative}
15    orientation={orientation}
16    className={cn(
17      "shrink-0",
18      "border-border",
19      orientation === "horizontal" ? "w-full border-t" : "h-full border-l",
20      className,
21    )}
22    {...props}
23  />
24));
25Separator.displayName = SeparatorPrimitive.Root.displayName;
26 
27export { Separator };