catan-board-generator/dist/CTile.js

A React component for generating Catan board layouts.

"use strict";
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_1 = __importDefault(require("./CNumber"));
var CTile = function (_a) {
    var resource = _a.resource, number = _a.number, expansion = _a.expansion;
    var getResourceImage = function (resource) {
        var resourceMap = {
            Wood: './images/catan/tiles/forest.svg',
            Brick: './images/catan/tiles/hill.svg',
            Wheat: './images/catan/tiles/field.svg',
            Sheep: './images/catan/tiles/pasture.svg',
            Ore: './images/catan/tiles/mountain.svg',
            Desert: './images/catan/tiles/desert.svg',
        };
        return resourceMap[resource] || './images/catan/tiles/desert.svg';
    };
    return (react_1.default.createElement("div", { className: expansion ? 'catan-tile-expansion' : 'catan-tile' },
        react_1.default.createElement("img", { src: getResourceImage(resource), alt: resource, style: { width: '100%', height: '100%' } }),
        react_1.default.createElement(CNumber_1.default, { value: number })));
};
exports.default = CTile;