import { ButtonVariantProps } from '@flexi-ui/theme';
import { AriaButtonProps } from '@flexi-ui/use-aria-button';
import { ReactNode, MouseEventHandler } from 'react';
import { RippleProps } from '@flexi-ui/ripple';
import { HTMLFlexiUIProps, PropGetter } from '@flexi-ui/system';
import { ReactRef } from '@flexi-ui/react-utils';
interface Props extends HTMLFlexiUIProps<'button'> {
    /**
     * Ref to the DOM node.
     */
    ref?: ReactRef<HTMLButtonElement | null>;
    /**
     * Whether the button should display a ripple effect on press.
     * @default false
     */
    disableRipple?: boolean;
    /**
     * The button start content.
     */
    startContent?: ReactNode;
    /**
     * The button end content.
     */
    endContent?: ReactNode;
    /**
     * Spinner to display when loading.
     * @see https://FlexiUI.org/components/spinner
     */
    spinner?: ReactNode;
    /**
     * The spinner placement.
     * @default "start"
     */
    spinnerPlacement?: 'start' | 'end';
    /**
     * Whether the button should display a loading spinner.
     * @default false
     */
    isLoading?: boolean;
    /**
     * The native button click event handler.
     * use `onPress` instead.
     * @deprecated
     */
    onClick?: MouseEventHandler<HTMLButtonElement>;
}
export type UseButtonProps = Props & Omit<AriaButtonProps, keyof ButtonVariantProps> & Omit<ButtonVariantProps, 'isInGroup'>;
export declare function useButton(props: UseButtonProps): {
    Component: import('@flexi-ui/system').As<any>;
    children: ReactNode;
    domRef: import('react').RefObject<HTMLButtonElement | null>;
    spinner: ReactNode;
    styles: string;
    startContent: import('react').DetailedReactHTMLElement<import('react').HTMLAttributes<HTMLElement>, HTMLElement> | null;
    endContent: import('react').DetailedReactHTMLElement<import('react').HTMLAttributes<HTMLElement>, HTMLElement> | null;
    isLoading: boolean;
    spinnerPlacement: "start" | "end";
    spinnerSize: "sm" | "md" | "lg" | undefined;
    disableRipple: boolean;
    getButtonProps: PropGetter;
    getRippleProps: () => RippleProps;
    isIconOnly: boolean;
};
export type UseButtonReturn = ReturnType<typeof useButton>;
export {};
