import "./AccentButton.css";

type Props = {
  children: React.ReactNode;
  onClick?: () => void;
  disabled?: boolean;
  type?: "button" | "submit";
  size?: "medium" | "large";
};

export function AccentButton({
  children,
  onClick,
  disabled = false,
  type = "button",
  size = "large",
}: Props) {
  const className = `AccentButton AccentButton--${size}`;

  return (
    <button type={type} onClick={onClick} disabled={disabled} className={className}>
      {children}
    </button>
  );
}
