import { default as CortexElement } from '../../../../base/src/cortex-element.ts';
import { CSSResultGroup } from 'lit';

/**
 * @summary Dividers are used to visually separate or group elements.
 *
 * @cssproperty --color - The color of the divider.
 * @cssproperty --label-color - The color of the label.
 * @cssproperty --label-font-size - The font size of the label.
 * @cssproperty --width - The width of the divider.
 * @cssproperty --spacing - The spacing of the divider.
 * @cssproperty --border-style - The style of the divider.
 * @cssproperty --padding - The padding of the divider.
 * @cssproperty --max-width - The maximum width of the divider.
 */
export default class CxDivider extends CortexElement {
    static readonly styles: CSSResultGroup;
    /** Draws the divider in a vertical orientation. */
    vertical: boolean;
    /** Label above the divider. If not filled, the label will not be rendered.
     *  This attribute is only available for the horizontal orientation. */
    label: string;
    /**
     * Applies component's padding over the spacing custom property.
     */
    usePadding: boolean;
    connectedCallback(): void;
    /**
     * Applies the direction of the divider
     */
    handleVerticalChange(): void;
    render(): import('lit').TemplateResult<1> | undefined;
}
declare global {
    interface HTMLElementTagNameMap {
        'cx-divider': CxDivider;
    }
}
