import { ReactNode } from 'react';
import { ButtonProps as ThemeUIButtonProps } from 'theme-ui';
import { iconTypes } from '../Svg/types';
export declare enum sizes {
    SMALL = "sm",
    MEDIUM = "md",
    LARGE = "lg"
}
export declare const buttonFontSizes: Record<sizes | any, string>;
export declare const buttonLineHeight: Record<sizes | any, string>;
export declare const buttonPadding: Record<sizes | any, {
    x: number;
    y: number;
}>;
export declare enum variants {
    PRIMARY = "primary",
    SECONDARY = "secondary",
    TERTIARY = "tertiary",
    TEXT = "text",
    SUCCESS = "success",
    DANGER = "danger"
}
export declare enum iconButtonVariants {
    PRIMARY = "primary",
    TRANSPARENT = "transparent",
    CIRCULAR = "circular"
}
export type sizeProps = `${sizes}`;
export type variantProps = `${variants}`;
export type iconButtonVariantsProps = `${iconButtonVariants}`;
export interface ButtonProps extends Omit<ThemeUIButtonProps, 'sx'> {
    variant?: variantProps;
    size?: sizeProps;
    startIcon?: ReactNode;
    endIcon?: ReactNode;
    fullWidth?: boolean;
    load?: boolean;
    [key: string]: any;
}
export interface IconButtonProps extends Omit<ButtonProps, 'variant'> {
    variant?: iconButtonVariantsProps;
    color?: string;
    background?: string;
    icon?: iconTypes;
    iconWidth?: number;
}