import { SvelteComponentTyped } from "svelte";
declare const __propDef: {
    props: {
        /**
             * The underlying <button>
            */ htmlElement?: HTMLButtonElement | undefined;
        /**
             * Controls the button's style. Can be either "primary", "secondary", "tertiary" or "danger"
            */ buttonStyle?: "primary" | "secondary" | "tertiary" | "danger" | undefined;
        /**
             * Controls the button's disabled state
             * */ disabled?: boolean | undefined;
        /**
             * Sets the type of the <button>
             * */ type?: "button" | "reset" | "submit" | null | undefined;
    };
    events: {
        click: MouseEvent;
    } & {
        [evt: string]: CustomEvent<any>;
    };
    slots: {
        icon: {};
        default: {};
    };
};
export type ButtonProps = typeof __propDef.props;
export type ButtonEvents = typeof __propDef.events;
export type ButtonSlots = typeof __propDef.slots;
/**
 * Button
 *
 * a button for use in forms or with an event
 *
 * Props:
 * - buttonStyle ("primary | secondary | tertiary | danger"): Controls the button's style
 * - disabled (boolean): Controls the button's disabled state
 * - type ("button" | "reset" | "submit" | null | undefined): Sets the type of the `<button>`
 * - htmlElement (HTMLButtonElement | undefined): The underlying `<button>`
 *
 * Slots:
 * - default: Adds text inside the button
 * - icon: Adds an icon to the left of the text
 *
 * Events:
 * - click: passed from the `<button element>`
 *
 * Css Variables:
 * - btnFont (default: 600 1rem sans-serif):
 *
 * - btnPrimaryBg (default: #b3386b):
 * - btnPrimaryBgFocus (default: #99003b):
 * - btnPrimaryBorder (default: #bf5383):
 * - btnPrimaryBorderFocus (default: #a31c54):
 * - btnPrimaryText (default: #ffffff):
 * - btnPrimaryTextFocus (default: #ffffff):
 * - btnPrimaryIconFill (default: #ffffff):
 * - btnPrimaryIconStroke (default: #ffffff):
 *
 * - btnSecondaryBg (default: transparent):
 * - btnSecondaryBgFocus (default: #f2c2e3):
 * - btnSecondaryText (default: #a31c54):
 * - btnSecondaryTextFocus (default: #b3386b):
 * - btnSecondaryBorder (default: #a31c54):
 * - btnSecondaryIconFill (default: #a31c54):
 * - btnSecondaryIconStroke (default: #a31c54):
 *
 * - btnTertiaryBg (default: transparent):
 * - btnTertiaryBgFocus (default: #f2c2e3):
 * - btnTertiaryText (default: #b3386b):
 * - btnTertiaryTextFocus (default: #b3386b):
 * - btnTertiaryIconFill (default: #a31c54):
 * - btnTertiaryIconStroke (default: #a31c54):
 *
 * - btnDisabledBg (default: #f0f0f0):
 * - btnDisabledBorder (default: #c0c0c0):
 * - btnDisabledText (default: #909090):
 * - btnDisabledIconFill (default: #909090):
 * - btnDisabledIconStroke (default: #909090):
 *
 * - btnDangerText (default: #ffffff):
 * - btnDangerTextFocus (default: #ffffff):
 * - btnDangerBorder (default: #db8484):
 * - btnDangerBg (default: #db5c5c):
 * - btnDangerBgFocus (default: #db3434):
 * - btnDangerBorderFocus (default: #db5c5c):
 * - btnDangerIconFill (default: #ffffff):
 * - btnDangerIconStroke (default: #ffffff):
 */
export default class Button extends SvelteComponentTyped<ButtonProps, ButtonEvents, ButtonSlots> {
}
export {};