import * as React from "react"; import { AriaButtonProps } from "react-aria"; declare const COLOR_VARIANTS: { primary: string; default: string; success: string; warning: string; danger: string; info: string; link: string; }; declare const LOOK_VARIANTS: { filled: string; outline: string; }; declare const SIZE_VARIANTS: { sm: string; md: string; lg: string; }; export type ButtonVariantColor = keyof typeof COLOR_VARIANTS; export type ButtonVariantLook = keyof typeof LOOK_VARIANTS; export type ButtonVariantSize = keyof typeof SIZE_VARIANTS; export type ButtonVariant = ButtonVariantColor | `${ButtonVariantColor}/${ButtonVariantLook}` | `${ButtonVariantColor}/${ButtonVariantLook}/${ButtonVariantSize}`; export interface ButtonIconProps { className: string; size: string; } export interface ButtonProps extends AriaButtonProps<"button"> { variant?: ButtonVariant; icon?: React.ComponentType; className?: string; } /** * Return the class name(s) used to style a button like the given variant. If * `variant` is undefined, no button styles will be applied, but `className` will * still be returned. */ export declare function getButtonClassNames(variant: ButtonVariant | undefined, { className }?: { className?: string; }): string | undefined; export declare const Button: React.ForwardRefExoticComponent>; export {}; //# sourceMappingURL=Button.d.ts.map