import { Cre8Element } from '../cre8-element';
/**
 * The divider component is a separator between sections of content or groups of items.
 * It often contains a horizontal or vertical line.
*/
export declare class Cre8Divider extends Cre8Element {
    static styles: import("lit").CSSResult[];
    /**
     * Divider variants
     * - By default, the component renders the horizontal divider
     * - **vertical** renders the vertical divider
    */
    variant: 'horizontal' | 'vertical';
    /**
     * Status (a color variant prop)
     * - By default, the divider has gray color.
     * - **brand**, the divider has blue color.
     * - **knockout**, the divider has white color.
     */
    status?: string;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cre8-divider': Cre8Divider;
    }
}
export default Cre8Divider;
//# sourceMappingURL=divider.d.ts.map