import { LitElement } from 'lit';
/**
 * @element ui-divider
 * @description A visual divider for separating content, with optional label
 *
 * @slot - Optional label text in the center of the divider
 *
 * @cssprop --divider-color - Color of the divider line
 * @cssprop --divider-thickness - Thickness of the divider line
 * @cssprop --divider-spacing - Spacing around the divider
 *
 * @example
 * ```html
 * <ui-divider></ui-divider>
 * <ui-divider>OR</ui-divider>
 * <ui-divider orientation="vertical"></ui-divider>
 * ```
 */
export declare class UIDivider extends LitElement {
    static styles: import("lit").CSSResult;
    /**
     * Orientation of the divider
     * @type {'horizontal' | 'vertical'}
     */
    orientation: 'horizontal' | 'vertical';
    /**
     * Visual variant of the divider
     * @type {'solid' | 'dashed' | 'dotted'}
     */
    variant: 'solid' | 'dashed' | 'dotted';
    /**
     * Spacing around the divider
     * @type {'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'}
     */
    spacing?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    /**
     * Optional label text
     */
    label?: string;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-divider': UIDivider;
    }
}
//# sourceMappingURL=divider.d.ts.map