/// <reference types="react" resolution-mode="require"/>
/**
 * @load ./button.doc.md
 * @component
 * @see ButtonProps
 * @see {@link https://storybook.adminjs.co/?path=/story/designsystem-atoms-button--default StoryBook}
 * @hideconstructor
 * @subcategory Atoms
 * @section design-system
 */
declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
    className: string;
} & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
    color?: string | undefined;
} & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
    variant?: "text" | import("../../theme.js").VariantType | "contained" | "outlined" | undefined;
    color?: "text" | "success" | "info" | "warning" | "primary" | "secondary" | "danger" | undefined;
    size?: "default" | "sm" | "lg" | "icon" | "md" | undefined;
    rounded?: boolean | undefined;
    label?: string | undefined;
} & {
    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
}, "className">;
export { Button };
export default Button;