mancala/src/components/Button.tsx

import * as React from "react";
import { FunctionComponent } from "react";

const Button: FunctionComponent<{
  text: String;
  onClick: () => void;
  color: string;
}> = ({ text, color, onClick }) => {
  return (
    <button
      onClick={onClick}
      style={{
        background: color,
        color: "white",
        margin: "5px",
        padding: "10px",
        border: "none",
        borderRadius: "4vw",
      }}
    >
      {text}
    </button>
  );
};

export default Button;