import React from "react";
import { BordersProps } from "styled-system";
import { BaseStyledProps } from "../../styled";
type ButtonVariants = "main" | "shade" | "error" | "color" | "neutral";
type IconPosition = "right" | "left";
interface BaseProps extends BaseStyledProps, BordersProps {
    ff?: string;
    color?: string;
    backgroundColor?: string;
    size?: "xs" | "small" | "medium" | "large" | "xl";
    fontSize?: number;
    variant?: ButtonVariants;
    outline?: boolean;
    iconPosition?: IconPosition;
    iconButton?: boolean;
    disabled?: boolean;
    whiteSpace?: string;
}
export interface ButtonProps extends BaseProps, React.RefAttributes<HTMLButtonElement> {
    Icon?: React.ReactElement | React.ComponentType<{
        size: number;
        color?: string;
    }>;
    children?: React.ReactNode;
    onClick?: (event: React.SyntheticEvent<HTMLButtonElement>) => void;
    iconSize?: number;
    style?: React.CSSProperties;
}
export declare const ButtonUnstyled: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
export declare const Base: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
    fontFamily: string;
    fontSize: number;
} & BaseProps, "fontFamily" | "fontSize">;
declare const ButtonWithRef: {
    ({ Icon, iconPosition, iconSize, children, onClick, ...props }: ButtonProps, ref?: React.ForwardedRef<HTMLButtonElement>): React.ReactElement;
    Unstyled: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
    Expand: React.ForwardRefExoticComponent<Omit<ButtonExpandProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
};
export type ButtonExpandProps = React.PropsWithChildren<ButtonProps & {
    onToggle?: (arg0: boolean) => void;
}>;
export declare function ButtonExpand({ onToggle, onClick, ...props }: ButtonExpandProps, ref?: React.ForwardedRef<HTMLButtonElement>): React.ReactElement;
export declare const buttonSizeStyle: {
    [index: string]: {
        padding: string;
        height: string;
    };
};
export default ButtonWithRef;
//# sourceMappingURL=index.d.ts.map