export default function PixelButton({ tone = "green", disabled, className = "", children, ...props }) {
  return (
    <button className={`pixel-button pixel-button--${tone} ${className}`.trim()} disabled={disabled} {...props}>
      <span>{children}</span>
    </button>
  );
}
