/// <reference types="react" />
import { CSSObject } from '@chakra-ui/react';
interface colorScheme {
    main: string;
    hover: string;
}
export interface propsBaseBtns {
    ariaLabel?: string;
    children?: React.ReactNode;
    disabled?: boolean;
    isFullWidth?: boolean;
    leftIcon?: React.ReactElement;
    m?: string;
    isLoading?: boolean;
    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
    rightIcon?: React.ReactElement;
    role?: 'button' | 'link';
    size?: 'regular' | 'small';
    type?: 'button' | 'submit' | 'reset';
    tabIndex?: number;
    id?: string;
    sx?: CSSObject;
}
interface props extends propsBaseBtns {
    bg?: colorScheme;
    /** Colores para el efecto del :active son necesarios dos */
    borderColorActive?: string[];
    color?: string;
    fillLoader?: string;
    rounded?: boolean;
    touchDark?: boolean;
}
/**
 * Componente Btn
 *
 * Dibuja un boton base que posee todo lo estipulado en
 * @see https://zeroheight.com/15698077d/p/358e93-buttons
 *
 * @example <Btn>Lorem</Btn>
 */
export declare function Btn({ ariaLabel, bg, borderColorActive, children, color, disabled, fillLoader, id, isFullWidth, isLoading, leftIcon, m, onClick, rightIcon, role, rounded, size, touchDark, type, tabIndex, sx, }: props): JSX.Element;
export declare namespace Btn {
    var displayName: string;
}
export {};
//# sourceMappingURL=Btn.d.ts.map