import { FC, HTMLProps, ReactNode } from "react";

//#region src/components/buttons/button/button.d.ts
type Props = {
  type?: 'button' | 'submit';
  size?: 'sm' | 'md' | 'lg';
  color?: 'primary' | 'secondary' | 'gray';
  variant?: 'solid' | 'outline' | 'skeleton';
  fullWidth?: boolean;
  isActive?: boolean;
  startIcon?: ReactNode;
  endIcon?: ReactNode;
  /**
   * クリック時の処理。`onAction` は非同期処理を `useTransition` で包み、保留中は
   * 自動でスピナーを表示する糖衣。素のクリックイベント（`event` が必要、
   * `preventDefault` したい等）は `onClick` を使う。両者は併用可能で、
   * `onClick` → `onAction` の順に実行される（`onClick` が `preventDefault`
   * した場合は `onAction` をスキップ）。
   */
  onAction?: () => void | Promise<void>;
  renderItem?: (props: {
    className: string;
    children: ReactNode;
  }) => ReactNode;
} & Omit<HTMLProps<HTMLButtonElement>, 'size' | 'type' | 'className' | 'style'>;
declare const Button: FC<Props>;
//#endregion
export { Button };