import { VariantProps } from 'cva';
import { ElementType, ComponentPropsWithRef, ReactNode, FunctionComponent, JSX } from 'react';

type NonFunctionPropertyNames<T> = {
    [K in keyof T]: T[K] extends Function ? never : K;
}[keyof T];
type NonFunctionProperties<T> = Pick<T, NonFunctionPropertyNames<T>>;

declare const buttonRecipe: (props?: ({
    color?: "primary" | "secondary" | "tertiary" | undefined;
    size?: "small" | "large" | undefined;
    variant?: "text" | "outlined" | "contained" | undefined;
} & ({
    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined;
    className?: undefined;
} | {
    class?: undefined;
    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined)[] | {
        [x: string]: any;
    } | null | undefined;
})) | undefined) => string;
type ButtonRecipeVariants = VariantProps<typeof buttonRecipe>;
type BaseButtonProps = ButtonRecipeVariants & {
    left?: ReactNode;
    leftClassName?: string;
    right?: ReactNode;
    rightClassName?: string;
    innerClassName?: string;
    /**
     * @deprecated Use `innerClassName` instead
     */
    textClassName?: string;
};
type ButtonProps<T extends ElementType = "button"> = BaseButtonProps & Omit<ComponentPropsWithRef<T>, keyof BaseButtonProps | "as"> & {
    as?: T;
};
type ButtonIconProps<T extends ElementType = "button"> = Omit<ComponentPropsWithRef<T>, keyof ButtonRecipeVariants | "as"> & ButtonRecipeVariants & {
    as?: T;
    innerClassName?: string;
};
type ButtonComponent<T extends ElementType = "button"> = NonFunctionProperties<FunctionComponent<ButtonProps<T>>> & {
    <T extends ElementType = "button">(props: ButtonProps<T>): JSX.Element;
    Icon: ButtonIconComponent;
};
type ButtonIconComponent<T extends ElementType = "button"> = NonFunctionProperties<FunctionComponent<ButtonIconProps<T>>> & {
    <T extends ElementType = "button">(props: ButtonIconProps<T>): JSX.Element;
};
declare const Button: ButtonComponent<"button">;

export { Button as B, type ButtonProps as a, type ButtonIconProps as b };