import * as React from "react";
/**
 * Primary action control. Pill-shaped, PBS Blue by default.
 * @dsCard components/core/buttons.card.html
 * @startingPoint section="Core" subtitle="Pill buttons in every variant, size + state" viewport="700x220"
 */
export interface ButtonProps extends React.HTMLAttributes<HTMLElement> {
  /** Visual style. @default "primary" */
  variant?: "primary" | "secondary" | "ghost" | "inverse";
  /** @default "md" */
  size?: "sm" | "md" | "lg";
  /** Icon element rendered before the label */
  iconLeft?: React.ReactNode;
  /** Icon element rendered after the label */
  iconRight?: React.ReactNode;
  fullWidth?: boolean;
  disabled?: boolean;
  /** Render as another tag, e.g. "a". @default "button" */
  as?: "button" | "a";
  children?: React.ReactNode;
}
export function Button(props: ButtonProps): JSX.Element;