import * as React from "react";
/**
 * Botão em pílula. Primário (laranja) é a ação principal da tela — só um por área.
 * @startingPoint section="Base" subtitle="Botão em pílula: primário, marca, secundário, fantasma, perigo" viewport="700x200"
 */
export interface BotaoProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
  /** primario (laranja, ação principal) · marca (verde-mata, ação forte secundária) · secundario (contorno) · fantasma (sem fundo) · perigo */
  variante?: "primario" | "marca" | "secundario" | "fantasma" | "perigo";
  /** pequeno 32px · medio 40px · grande 48px */
  tamanho?: "pequeno" | "medio" | "grande";
  /** Ícone à esquerda (normalmente <Icone />) */
  icone?: React.ReactNode;
  /** Ícone à direita */
  iconeDireita?: React.ReactNode;
  /** Mostra spinner e desabilita */
  carregando?: boolean;
  /** Ocupa toda a largura */
  largo?: boolean;
  children?: React.ReactNode;
}
export declare function Botao(props: BotaoProps): JSX.Element;