A React component that renders visual separators (horizontal or vertical lines) built on top of Radix UI's separator primitive with customizable styling. ## Key Components - **Separator**: A forwarded ref component that creates horizontal or vertical dividing lines - Built on `@radix-ui/react-separator` for accessibility compliance - Uses `cn` utility for conditional className 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 defaults to horizontal orientation with decorative behavior (non-focusable). It automatically applies appropriate dimensions: 1px height for horizontal separators and 1px width for vertical ones. The `bg-border` class provides the default border color styling.