/**
 * Squared quiet-enamel button. Labels are caps + letterspaced; arrows are text glyphs.
 * @startingPoint section="Components" subtitle="Emerald, gold, ghost and garnet actions" viewport="700x180"
 */
export interface ButtonProps {
  /** "primary" emerald | "metal" ceremonial gold | "ghost" outline | "danger" garnet */
  variant?: "primary" | "metal" | "ghost" | "danger";
  size?: "sm" | "md" | "lg";
  disabled?: boolean;
  children?: React.ReactNode;
  onClick?: () => void;
  style?: React.CSSProperties;
}
export declare function Button(props: ButtonProps): JSX.Element;