isp.tsx

function getBgColor(variant) {
  if (variant === "primary") {
    return "blue";
  }

  if (variant === "danger") {
    return "red";
  }

  if (variant === "warning") {
    return "yellow";
  }

  return "none";
}

function Button({ variant = "primary", ...props }) {
  return <button style={{ background: getBgColor(variant) }} {...props} />;
}