import { Icon } from 'icons';
import { ComponentProps } from 'react';
export declare const BaseButton: import("styled-components").StyledComponent<"button", import("theme").ComputedTheme, {}, never>;
declare const _default: import("styled-components").StyledComponent<"button", import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
    transition?: boolean | undefined;
}, never>;
export default _default;
export declare const TextButton: import("styled-components").StyledComponent<"button", import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
}, never>;
interface IconButtonProps {
    icon: Icon;
    iconProps?: ComponentProps<Icon>;
}
export declare const IconButton: import("react").ForwardRefExoticComponent<Pick<IconButtonProps & {
    [x: string]: any;
    [x: number]: any;
    [x: symbol]: any;
} & {
    theme?: import("theme").ComputedTheme | undefined;
} & {
    as?: string | import("react").ComponentType<any> | undefined;
    forwardedAs?: string | import("react").ComponentType<any> | undefined;
}, string | number | symbol> & import("react").RefAttributes<HTMLButtonElement>>;
