import { colors, keysFamily } from "../../../../data/dataMx";
import { TouchableOpacityProps } from "react-native";
import { CSSObject } from "styled-components";
export declare type ButtonColor = "primary" | "secondary" | "custom";
export declare type ButtonType = "button" | "submit" | "reset";
export declare type ButtonTypeDesign = "ghost" | "default" | "icon" | "outline";
export declare type ButtoniconTypeDesign = "ghost" | "default" | "outline";
export declare type IconAlign = "left" | "right";
export declare type CustomColor = "tertiary" | "quaternary" | "quinary" | "senary" | "dark" | "light" | "neutral";
export declare type ButtonSize = "small" | "medium" | "large";
export interface IButtonProps extends TouchableOpacityProps {
    /** Text of button */
    text: string;
    /** Enable or disable the button */
    disabled: boolean;
    /** Press action */
    onPress?: (e?: any) => void;
    /** Type of styled */
    color: ButtonColor;
    /** Size of component + measurement unit (we recommend using px) */
    width?: string;
    /** Custom color from color palette */
    customColor?: CustomColor;
    /** Css proprieties */
    styles?: CSSObject;
    /** Size Button */
    size?: ButtonSize;
    groupStyle?: "normal" | "toggle";
    selected?: boolean;
    /** Font family */
    family?: keysFamily;
}
export interface IStylesTheme {
    color: string;
    backgroundColor: string;
    borderColor: string;
    borderWidth: string;
    width?: string;
}
export interface IthemeB {
    color: string;
    backgroundColor?: colors;
    width: string;
    borderColor?: string;
    borderWidth: string;
}
export declare const ButtonHeight: {
    small: string;
    medium: string;
    large: string;
};
