import * as React from 'react';

/**
 * Kupp-west's single button primitive: solid primary blue for the main CTA on any surface
 * (Jetzt kaufen, In den Warenkorb), a white/bordered secondary, a text-only ghost, and a
 * light-on-navy variant for CTAs placed on the solid-navy Premium card.
 */
export interface ButtonProps {
  variant?: 'primary' | 'secondary' | 'ghost' | 'onNavy';
  size?: 'md' | 'lg';
  fullWidth?: boolean;
  disabled?: boolean;
  icon?: React.ReactNode;
  children?: React.ReactNode;
  onClick?: () => void;
  style?: React.CSSProperties;
}
export function Button(props: ButtonProps): JSX.Element;
