import "./DiceSet.scss";

const DiceSet = () => {
  const diceImages = [1, 2, 3, 4]
    .map(() => Math.floor(Math.random() * 22 + 1))
    .map((index) => ("0" + index).slice(-2))
    .map((index) => `${process.env.PUBLIC_URL}/pieces/P${index}.jpeg`);

  return (
    <div className="dice-set">
      {diceImages.map((file) => (
        <div className="dice">
          <img src={file}></img>
        </div>
      ))}
    </div>
  );
};

export default DiceSet;