A React component that provides horizontal and vertical visual separators built on top of Radix UI's Separator primitive with customizable styling and accessibility features. ## Key Components - **Separator** - A forwardRef component that renders visual dividers with configurable orientation - **SeparatorPrimitive** - Radix UI base component providing accessibility and behavior - **cn** - Utility function for conditional CSS class merging ## Usage Example ```typescript import { Separator } from "./separator" function MyComponent() { return (

Content above

{/* Horizontal separator (default) */}

Content below

{/* Vertical separator */}

Left content Right content

{/* Custom styled separator */}

) } ``` The component automatically applies appropriate dimensions (1px height for horizontal, 1px width for vertical) and includes proper ARIA attributes for accessibility. The `decorative` prop defaults to `true` for purely visual separators.