import * as React from "react";
import * as SeparatorPrimitive from "@radix-ui/react-separator";
export type SeparatorVariant = "default" | "solid" | "shadow-outset" | "shadow-inset" | "dotted" | "dashed" | "glow" | "thick" | "gradient" | "double" | "fade-strong" | "arrow-down" | "tab-down" | "stopper" | "dot" | "text-decoration" | "shiny-corner" | "shiny-edge";
export interface SeparatorProps extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {
    /**
     * Visual style variant.
     * - Basic: default (fade at ends), solid
     * - Shadow: shadow-outset, shadow-inset
     * - Line styles: dotted, dashed, double
     * - Effects: glow, gradient, fade-strong
     * - Decorative: arrow-down, tab-down, stopper, dot, text-decoration, shiny-corner, shiny-edge
     * @default "default"
     */
    variant?: SeparatorVariant;
    /**
     * Text content for text-decoration variant.
     */
    textContent?: string;
}
/**
 * Separator - Horizontal or vertical divider with multiple visual variants.
 *
 * - Basic: default (fade at ends), solid
 * - Shadow: shadow-outset, shadow-inset
 * - Line styles: dotted, dashed, double
 * - Effects: glow, gradient, fade-strong
 * - Decorative: arrow-down, tab-down, stopper, dot, text-decoration, shiny-corner, shiny-edge
 *
 * @example
 * ```tsx
 * <Separator />
 * <Separator variant="shadow-outset" />
 * <Separator variant="text-decoration" textContent="OR" />
 * ```
 */
declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
export { Separator };
//# sourceMappingURL=separator.d.ts.map