Separator

1"use client"
2 
3import * as React from "react"
4import { Separator as SeparatorPrimitive } from "radix-ui"
5 
6import { cn } from "@/lib/utils"
7 
8function Separator({
9  className,
10  orientation = "horizontal",
11  decorative = true,
12  major = false,
13  ...props
14}: React.ComponentProps<typeof SeparatorPrimitive.Root> & {
15  /** Use the etched paired-line section divider. */
16  major?: boolean;
17}) {
18  return (
19    <SeparatorPrimitive.Root
20      data-slot="separator"
21      data-major={major || undefined}
22      decorative={decorative}
23      orientation={orientation}
24      className={cn(
25        "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
26        major && "divider-etched bg-transparent",
27        className
28      )}
29      {...props}
30    />
31  )
32}
33 
34export { Separator }