import type React from 'react';
import { type ComponentProps } from 'react';
import { type ButtonVariantProps } from 'styled-system/recipes';
import { type GroupProps } from './Group';
interface ButtonLoadingProps {
    /**
     * If `true`, the button will show a loading spinner.
     * @default false
     */
    loading?: boolean | undefined;
    /**
     * The text to show while loading.
     */
    loadingText?: React.ReactNode | undefined;
    /**
     * The spinner to show while loading.
     */
    spinner?: React.ReactNode | undefined;
    /**
     * The placement of the spinner
     * @default "start"
     */
    spinnerPlacement?: 'start' | 'end' | undefined;
}
type BaseButtonProps = ComponentProps<typeof BaseButton>;
declare const BaseButton: import("styled-system/jsx").StyledComponent<React.ForwardRefExoticComponent<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & import("@ark-ui/react").PolymorphicProps>, ButtonVariantProps>;
export interface ButtonProps extends BaseButtonProps, ButtonLoadingProps {
}
export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
export interface ButtonGroupProps extends GroupProps, ButtonVariantProps {
}
export declare const ButtonGroup: React.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
export {};
//# sourceMappingURL=Button.d.ts.map