
"use client";
import { ButtonProps as ButtonProps$1 } from "./ButtonBase.js";
import React, { ForwardRefExoticComponent } from "react";
import { HTMLMotionProps } from "motion/react";

//#region src/components/client/Button/Button.d.ts
declare const iconMotionVariants: {
  hide: {
    scale: number;
    opacity: number;
  };
  icon: {
    scale: number[];
    opacity: number[];
    transition: {
      times: number[];
    };
  };
  loading: {
    scale: number;
    opacity: number;
  };
};
declare const loadingMotionVariants: {
  hide: {
    scale: number;
    opacity: number;
  };
  icon: {
    scale: number;
    opacity: number;
  };
  loading: {
    scale: number[];
    opacity: number[];
    transition: {
      times: number[];
    };
  };
};
type HtmlButtonProps = Omit<HTMLMotionProps<'button'>, 'color' | 'name'> & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>;
type ButtonProps = ButtonProps$1 & HtmlButtonProps;
/**
 * **🖲️ A button element that can be used to trigger an action**
 *
 * @componentType Client component
 */
declare const Button: ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
//#endregion
export { Button, type ButtonProps, iconMotionVariants, loadingMotionVariants };