systeme.io-task

1
"use client";
2

3
import * as React from "react";
4
import * as SeparatorPrimitive from "@radix-ui/react-separator";
5

6
import { cn } from "~/shared/lib/utils";
7

8
const Separator = React.forwardRef<
9
  React.ElementRef<typeof SeparatorPrimitive.Root>,
10
  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
11
>(
12
  (
13
    { className, orientation = "horizontal", decorative = true, ...props },
14
    ref,
15
  ) => (
16
    <SeparatorPrimitive.Root
17
      ref={ref}
18
      decorative={decorative}
19
      orientation={orientation}
20
      className={cn(
21
        "shrink-0 bg-border",
22
        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
23
        className,
24
      )}
25
      {...props}
26
    />
27
  ),
28
);
29
Separator.displayName = SeparatorPrimitive.Root.displayName;
30

31
export { Separator };
32