24 lines
505 B
JavaScript
24 lines
505 B
JavaScript
import React from "react";
|
|
import "./Dice.css";
|
|
import { assetsPath } from './Common.js';
|
|
|
|
const Dice = ({ pips }) => {
|
|
let name;
|
|
switch (pips.toString()) {
|
|
case '1': name = 'one'; break;
|
|
case '2': name = 'two'; break;
|
|
case '3': name = 'three'; break;
|
|
case '4': name = 'four'; break;
|
|
case '5': name = 'five'; break;
|
|
default:
|
|
case '6': name = 'six'; break;
|
|
}
|
|
return (
|
|
<img alt={name} className="Dice" src={`${assetsPath}/dice-six-faces-${name}.svg`}/>
|
|
);
|
|
};
|
|
|
|
export { Dice };
|
|
|
|
|