import React from 'react';
import { IconProp } from '../icons';
export declare type ButtonBaseProps = {
    loading?: boolean;
    disabled?: boolean;
    shrink?: boolean;
    dense?: boolean;
    color?: keyof typeof colorClassName;
    children?: React.ReactNode;
    className?: string;
    icon?: IconProp;
    'icon-right'?: boolean;
};
export declare type ElementPropsWithoutRef<T extends React.ElementType> = Pick<React.ComponentPropsWithoutRef<T>, keyof React.ComponentPropsWithoutRef<T>>;
declare type BaseComponent<T extends React.ElementType> = {
    render: T;
};
declare const colorClassName: {
    readonly gray: "text-gray-600 dark:text-white bg-gray-50 dark:bg-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 border-gray-300 dark:border-gray-500";
    readonly indigo: "bg-indigo-600 hover:bg-indigo-700 text-white/90 dark:border-gray-600";
    readonly red: "bg-red-600 hover:bg-red-700 text-white/90 dark:border-gray-700";
    readonly green: "bg-green-600 hover:bg-green-700 text-white/90 dark:border-gray-700";
    readonly white: "bg-white hover:bg-gray-50 text-black";
};
export declare const ButtonBase: React.ForwardRefExoticComponent<Pick<ButtonBaseProps & BaseComponent<React.ElementType<any>> & Omit<ElementPropsWithoutRef<React.ElementType<any>>, "render" | keyof ButtonBaseProps>, string | number | symbol> & React.RefAttributes<unknown>>;
export {};