import { Separator as SeparatorPrimitive } from 'radix-ui';
import { ComponentProps } from 'react';
/**
 * Visual separator component for dividing content sections.
 *
 * Built on top of [radix-ui Separator](https://www.radix-ui.com/primitives/docs/components/separator).
 *
 * @example
 * ```tsx
 * // Basic horizontal separator
 * <div className="space-y-4">
 *   <p>Content above</p>
 *   <Separator decorative />
 *   <p>Content below</p>
 * </div>
 * ```
 *
 * @example
 * ```tsx
 * // Vertical separator
 * <div className="flex items-center gap-4">
 *   <p>Left content</p>
 *   <Separator decorative orientation="vertical" />
 *   <p>Right content</p>
 * </div>
 * ```
 *
 * @example
 * ```tsx
 * // With text
 * <div className="space-y-4">
 *   <p>Content above</p>
 *   <Separator>
 *     <SeparatorText>Or</SeparatorText>
 *   </Separator>
 *   <p>Content below</p>
 * </div>
 * ```
 */
export declare const Separator: ({ className, orientation, decorative, children, ...props }: ComponentProps<typeof SeparatorPrimitive.Root>) => import("react").JSX.Element;