catan-board-generator
Version:
A React component for generating Catan board layouts.
31 lines (30 loc) • 1.25 kB
JavaScript
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var CNumber = function (_a) {
var value = _a.value;
var getImageForNumber = function (num) {
var imageMap = {
2: '/images/catan/numbers/2.png',
3: '/images/catan/numbers/3.png',
4: '/images/catan/numbers/4.png',
5: '/images/catan/numbers/5.png',
6: '/images/catan/numbers/6.png',
8: '/images/catan/numbers/8.png',
9: '/images/catan/numbers/9.png',
10: '/images/catan/numbers/10.png',
11: '/images/catan/numbers/11.png',
12: '/images/catan/numbers/12.png',
};
return imageMap[num] || '/images/catan/numbers/12.png';
};
if (value === 0) {
return null;
}
return (react_1.default.createElement("div", { className: 'catan-number' },
react_1.default.createElement("img", { src: getImageForNumber(value), alt: "Number ".concat(value), style: { width: '100%', height: '100%' } })));
};
exports.default = CNumber;
;