import { MouseEventHandler } from 'react';
import './Button.css';
interface StyledButtonProps {
    /**
     * Variant
     */
    variant?: 'standard' | 'danger' | 'emphasized' | 'no-fill' | 'icon-only';
    /**
     * Size
     */
    size?: 'sm' | 'md' | 'lg';
    /**
     * Shape
     */
    shape?: 'circle' | 'rectangle';
    /**
     * Variable denoting active state
     */
    active?: boolean;
    /**
     * Variable denoting disabled state
     */
    disabled?: boolean;
    /**
     * Method to call on click
     */
    onClick?: MouseEventHandler;
    /**
     * Default class names
     */
    defaultClasses?: ButtonClasses;
    /**
     * Extra class names
     */
    classes?: ButtonClasses;
    /**
     *
     */
    children?: (JSX.Element | string)[] | JSX.Element | string | boolean | number;
}
export interface ButtonClasses {
    root?: string;
    rootStandard?: string;
    rootDanger?: string;
    rootEmphasized?: string;
    rootNoFill?: string;
    rootIconOnly?: string;
    rootSm?: string;
    rootMd?: string;
    rootLg?: string;
    rootCircle?: string;
    rootRectangle?: string;
    rootDisabled?: string;
    iconOnlyActive?: string;
    noFillDisabled?: string;
    iconOnlyDisabled?: string;
    iconOnlySm?: string;
    iconOnlyMd?: string;
    iconOnlyLg?: string;
    container?: string;
}
export declare const StyledButton: ({ variant, size, shape, active, disabled, onClick, defaultClasses, classes: extraClasses, children, }: StyledButtonProps) => JSX.Element;
export declare type ButtonProps = Omit<StyledButtonProps, 'defaultClasses'>;
export declare const Button: (props: Pick<StyledButtonProps, "variant" | "size" | "shape" | "active" | "disabled" | "onClick" | "classes" | "children">) => JSX.Element;
export {};