a37f030d-6e8a-4f3d-9f23-1ce03c0e604b/research/lovable/separator.md

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

import { cn } from "@/lib/utils";

const Separator = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef

(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => ( <SeparatorPrimitive.Root ref={ref} decorative={decorative} orientation={orientation} className={cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className)} {...props} /> )); Separator.displayName = SeparatorPrimitive.Root.displayName;

export { Separator };