import React from 'react';
import { MestGenericProps } from "../themes";
import { StyledButtonVariants } from "./style";
type Props = {
    loading?: boolean;
    disabled?: boolean;
    onClick?: React.MouseEventHandler<HTMLButtonElement>;
    prefixIcon?: React.ReactNode;
    suffixIcon?: React.ReactNode;
} & MestGenericProps;
type NativeAttrs = Omit<React.ButtonHTMLAttributes<any>, keyof Props>;
export type ButtonProps = Props & NativeAttrs & StyledButtonVariants;
declare const Button: React.ForwardRefExoticComponent<{
    loading?: boolean | undefined;
    disabled?: boolean | undefined;
    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
    prefixIcon?: React.ReactNode;
    suffixIcon?: React.ReactNode;
} & MestGenericProps & NativeAttrs & import("@stitches/react/types/styled-component").TransformProps<{
    loading?: boolean | "true" | undefined;
    disabled?: boolean | "true" | "false" | undefined;
    icon?: boolean | "true" | "false" | undefined;
    variant?: "filled" | "outlined" | "ghost" | undefined;
    size?: "small" | "medium" | "large" | "tiny" | undefined;
    shape?: "circle" | "square" | "pill" | undefined;
}, {
    mobile: "(max-width: 640px)";
    tablet: "(min-width: 640px) and (max-width: 920px)";
    desktop: "(min-width: 920px)";
    xs: "(max-width: 640px)";
    sm: "(min-width: 640px) and (max-width: 920px)";
    md: "(min-width: 920px) and (max-width: 1280px)";
    lg: "(min-width: 1280px) and (max-width: 1920px)";
    xl: "(min-width: 1920px)";
    xsOrUp: "(max-width: 0px)";
    smOrUp: "(min-width: 640px)";
    mdOrUp: "(min-width: 920px)";
    lgOrUp: "(min-width: 1280px)";
    xlOrUp: "(min-width: 1920px)";
}> & {
    children?: React.ReactNode;
} & React.RefAttributes<HTMLButtonElement>>;
export default Button;