import { TemplateResult } from 'lit';
import { OmniElement } from '../core/OmniElement.js';
/**
 * Control that allows an action to be executed.
 *
 * @import
 * ```js
 * import '@capitec/omni-components/button';
 * ```
 *
 * @example
 * ```html
 * <omni-button
 *   label="Some Action"
 *   type="primary">
 * </omni-button>
 * ```
 *
 * @element omni-button
 *
 * @slot - Content to render inside button, can be positioned using {@link slotPosition} property.
 *
 * @cssprop --omni-button-font-family - Component font family.
 * @cssprop --omni-button-font-size - Component font size.
 * @cssprop --omni-button-font-weight - Component font weight.
 * @cssprop --omni-button-line-height - Component line height.
 * @cssprop --omni-button-border-radius - Component border radius.
 * @cssprop --omni-button-padding-top - Component padding top.
 * @cssprop --omni-button-padding-bottom - Component padding bottom.
 * @cssprop --omni-button-padding-left - Component padding left.
 * @cssprop --omni-button-padding-right - Component padding right.
 *
 * PRIMARY
 * @cssprop --omni-button-primary-background - Primary "type" background.
 * @cssprop --omni-button-primary-border-color - Primary "type" border color.
 * @cssprop --omni-button-primary-border-width - Primary "type" border width.
 * @cssprop --omni-button-primary-color - Primary "type" color.
 *
 * @cssprop --omni-button-primary-hover-background - Primary "type" hover background.
 * @cssprop --omni-button-primary-hover-border-color - Primary "type" hover border color.
 * @cssprop --omni-button-primary-hover-border-width - Primary "type" hover border width.
 * @cssprop --omni-button-primary-hover-color - Primary "type" hover color.
 * @cssprop --omni-button-primary-hover-box-shadow - Primary "type" hover box shadow.
 *
 * @cssprop --omni-button-primary-active-background - Primary "type" active back color.
 * @cssprop --omni-button-primary-active-border-color - Primary "type" active border color.
 * @cssprop --omni-button-primary-active-border-width - Primary "type" active border width.
 * @cssprop --omni-button-primary-active-color - Primary "type" active color.
 *
 * @cssprop --omni-button-primary-disabled-background - Primary "type" disabled back color.
 * @cssprop --omni-button-primary-disabled-border-color - Primary "type" disabled border color.
 * @cssprop --omni-button-primary-disabled-border-width - Primary "type" disabled border width.
 * @cssprop --omni-button-primary-disabled-color - Primary "type" disabled color.
 *
 * SECONDARY
 * @cssprop --omni-button-secondary-background - Secondary "type" background.
 * @cssprop --omni-button-secondary-border-color - Secondary "type" border color.
 * @cssprop --omni-button-secondary-border-width - Secondary "type" border width.
 * @cssprop --omni-button-secondary-color - Secondary "type" color.
 *
 * @cssprop --omni-button-secondary-hover-background - Secondary "type" hover background.
 * @cssprop --omni-button-secondary-hover-border-color - Secondary "type" hover border color.
 * @cssprop --omni-button-secondary-hover-border-width - Secondary "type" hover border width.
 * @cssprop --omni-button-secondary-hover-color - Secondary "type" hover color.
 * @cssprop --omni-button-secondary-hover-box-shadow - Secondary "type" hover box shadow.
 *
 * @cssprop --omni-button-secondary-active-background - Secondary "type" active background.
 * @cssprop --omni-button-secondary-active-border-color - Secondary "type" active border color.
 * @cssprop --omni-button-secondary-active-border-width - Secondary "type" active border width.
 * @cssprop --omni-button-secondary-active-color - Secondary "type" active color.
 *
 * @cssprop --omni-button-secondary-disabled-background - Secondary "type" disabled back color.
 * @cssprop --omni-button-secondary-disabled-border-color - Secondary "type" disabled border color.
 * @cssprop --omni-button-secondary-disabled-border-width - Secondary "type" disabled border width.
 * @cssprop --omni-button-secondary-disabled-color - Secondary "type" disabled color.
 *
 * CLEAR
 * @cssprop --omni-button-clear-background - Clear "type" background.
 * @cssprop --omni-button-clear-border-color - Clear "type" border color.
 * @cssprop --omni-button-clear-border-width - Clear "type" border width.
 * @cssprop --omni-button-clear-color - Clear "type" color.
 *
 * @cssprop --omni-button-clear-hover-background - Clear "type" hover background.
 * @cssprop --omni-button-clear-hover-border-color - Clear "type" hover border color.
 * @cssprop --omni-button-clear-hover-border-width - Clear "type" hover border width.
 * @cssprop --omni-button-clear-hover-color - Clear "type" hover color.
 *
 * @cssprop --omni-button-clear-active-background - Clear "type" active background.
 * @cssprop --omni-button-clear-active-border-color - Clear "type" active border color.
 * @cssprop --omni-button-clear-active-border-width - Clear "type" active border width.
 * @cssprop --omni-button-clear-active-color - Clear "type" active color.
 *
 * @cssprop --omni-button-clear-disabled-background - Clear "type" disabled back color.
 * @cssprop --omni-button-clear-disabled-border-color - Clear "type" disabled border color.
 * @cssprop --omni-button-clear-disabled-border-width - Clear "type" disabled border width.
 * @cssprop --omni-button-clear-disabled-color - Clear "type" disabled color.
 *
 * WHITE
 * @cssprop --omni-button-white-background - White "type" background.
 * @cssprop --omni-button-white-border-color - White "type" border color.
 * @cssprop --omni-button-white-border-width - White "type" border width.
 * @cssprop --omni-button-white-color - White "type" color.
 *
 * @cssprop --omni-button-white-hover-background - White "type" hover background.
 * @cssprop --omni-button-white-hover-border-color - White "type" hover border color.
 * @cssprop --omni-button-white-hover-border-width - White "type" hover border width.
 * @cssprop --omni-button-white-hover-box-shadow - White "type" hover box shadow.
 *
 * @cssprop --omni-button-white-active-background - White "type" active background.
 * @cssprop --omni-button-white-active-border-color - White "type" active border color.
 * @cssprop --omni-button-white-active-border-width - White "type" active border width.
 * @cssprop --omni-button-white-active-color - White "type" hover color.

 * @cssprop --omni-button-white-disabled-background - White "type" disabled back color.
 * @cssprop --omni-button-white-disabled-border-color - White "type" disabled border color.
 * @cssprop --omni-button-white-disabled-border-width - White "type" disabled border width.
 * @cssprop --omni-button-white-disabled-color - White "type" disabled color.

 * @cssprop --omni-button-disabled-border-color - Disabled border color.
 * @cssprop --omni-button-disabled-background - Disabled background.
 * @cssprop --omni-button-disabled-active-hover-background - Disabled hover and active background.
 *
 * @cssprop --omni-button-slot-margin-right - Slot margin left (When positioned right of label).
 * @cssprop --omni-button-slot-margin-bottom - Slot margin bottom (When positioned top of label).
 * @cssprop --omni-button-slot-margin-left - Slot margin left (When positioned right of label).
 * @cssprop --omni-button-slot-margin-top - Slot margin top (When positioned bottom of label).
 */
export declare class Button extends OmniElement {
    /**
     * Display type.
     * @attr
     */
    type: 'primary' | 'secondary' | 'clear' | 'white';
    /**
     * Text label.
     * @attr
     */
    label?: string;
    /**
     * Position of slotted content.
     * @attr [slot-position="left"]
     */
    slotPosition: 'left' | 'top' | 'right' | 'bottom';
    /**
     * Indicator if the component is disabled.
     * @attr
     */
    disabled?: boolean;
    static get styles(): import("lit").CSSResultGroup[];
    protected render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'omni-button': Button;
    }
}
//# sourceMappingURL=Button.d.ts.map