mancala/src/components/board/StoneView.tsx

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

const StoneView: FunctionComponent<{ color: string }> = ({ color }) => {
    return (
      <div
        style={{
          background: color,
          margin: "1px",
          width: "1vw",
          height: "1vw",
          borderRadius: "10vw",
          transition: "background-color 0.5s",
        }}
      />
    );
  };

  export default StoneView;