import React from "react"; import { Variant } from "Constants/variants"; import { CommonComponentProps } from "Types/common"; import { IconName } from "Icon"; export declare enum Category { primary = "primary", secondary = "secondary", tertiary = "tertiary" } export declare enum Size { xxs = "xxs", xs = "xs", small = "small", medium = "medium", large = "large" } export declare enum IconPositions { left = "left", right = "right" } export type ButtonProps = CommonComponentProps & { onClick?: (event: React.MouseEvent) => void; text?: string; category?: Category; variant?: Variant; className?: string; icon?: IconName; size?: Size; fill?: boolean; href?: string; tabIndex?: number; tag?: "a" | "button"; type?: "submit" | "reset" | "button"; target?: string; height?: string; width?: string; iconPosition?: IconPositions; }; export declare const StyledButton: import("styled-components").StyledComponent<"button", any, CommonComponentProps & { onClick?: ((event: React.MouseEvent) => void) | undefined; text?: string | undefined; category?: Category | undefined; variant?: Variant | undefined; className?: string | undefined; icon?: string | undefined; size?: Size | undefined; fill?: boolean | undefined; href?: string | undefined; tabIndex?: number | undefined; tag?: "a" | "button" | undefined; type?: "button" | "submit" | "reset" | undefined; target?: string | undefined; height?: string | undefined; width?: string | undefined; iconPosition?: IconPositions | undefined; }, never>; export declare const VisibilityWrapper: import("styled-components").StyledComponent<"div", any, {}, never>; declare function Button(props: ButtonProps): JSX.Element; declare namespace Button { var defaultProps: { category: Category; variant: Variant; size: Size; isLoading: boolean; disabled: boolean; fill: undefined; tag: string; }; } export default Button;