import * as React from 'react';
import { type VariantProps } from 'class-variance-authority';
declare const buttonVariants: (props?: ({
    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "success" | "info" | "warning" | null | undefined;
    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/**
 * Props for the Button component.
 *
 * @interface ButtonProps
 */
export interface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {
    /**
     * If true, renders the child element in place of the `<button>` tag,
     * injecting button styles. Useful for router links (`<Link href="...">`).
     */
    asChild?: boolean;
    /** If true, disables the button and shows a loading spinner while preserving the button width. */
    loading?: boolean;
}
/**
 * Primary interaction trigger button.
 *
 * @description
 * The mandatory component for all clickable actions that are not native navigation.
 * Supports 9 visual variants (default, destructive, outline, secondary, ghost, link, success, info, warning)
 * and 4 sizes (default, sm, lg, icon).
 *
 * @ai-rules
 * 1. NEVER use a raw `<button>` element.
 * 2. For forms, use `type="submit"` — the browser default inside a `<form>` is already submit.
 * 3. To look like a link but act as a button, use `variant="link"`.
 * 4. To act as a router link with button styling, use `asChild` wrapping a `<Link>` component.
 * 5. Use `loading={true}` during async operations — it disables and shows a spinner.
 */
declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
export { Button, buttonVariants };