WaledRashed24/comics

1"use client"2 3import * as React from "react"4import * as SeparatorPrimitive from "@radix-ui/react-separator"5 6import { cn } from "@/lib/utils"7 8const 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    ref15  ) => (16    <SeparatorPrimitive.Root17      ref={ref}18      decorative={decorative}19      orientation={orientation}20      className={cn(21        "shrink-0 bg-stone-200 dark:bg-stone-800",22        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",23        className24      )}25      {...props}26    />27  )28)29Separator.displayName = SeparatorPrimitive.Root.displayName30 31export { Separator }32