Spaces:
Paused
Paused
| "use client"; | |
| import * as React from "react"; | |
| import * as SeparatorPrimitive from "@radix-ui/react-separator"; | |
| import { cn } from "@/utils/cn"; | |
| const Separator = React.forwardRef< | |
| React.ElementRef<typeof SeparatorPrimitive.Root>, | |
| React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> | |
| >( | |
| ( | |
| { className, orientation = "horizontal", decorative = true, ...props }, | |
| ref, | |
| ) => ( | |
| <SeparatorPrimitive.Root | |
| ref={ref} | |
| decorative={decorative} | |
| orientation={orientation} | |
| className={cn( | |
| "shrink-0 bg-zinc-200 dark:bg-zinc-800", | |
| orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", | |
| className, | |
| )} | |
| {...props} | |
| /> | |
| ), | |
| ); | |
| Separator.displayName = SeparatorPrimitive.Root.displayName; | |
| export { Separator }; | |