import * as react_jsx_runtime from 'react/jsx-runtime'; import * as class_variance_authority_types from 'class-variance-authority/types'; import { Button as Button$1 } from '@base-ui/react/button'; import { VariantProps } from 'class-variance-authority'; declare const buttonVariants: (props?: ({ variant?: "link" | "default" | "destructive" | "brand" | "secondary" | "ghost" | "outline" | null | undefined; size?: "icon" | "default" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined; } & class_variance_authority_types.ClassProp) | undefined) => string; type ButtonProps = Button$1.Props & VariantProps & { /** * Renders a leading spinner, applies `opacity-70` (matching Figma's * loading state), and disables interaction. Combine with explicit * `disabled` for a permanently-disabled button; `loading` is for * transient async work. */ loading?: boolean; }; declare function Button({ className, variant, size, loading, disabled, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element; export { Button, buttonVariants };