playtpus_ui/lib/src/components/switch/index.js

React Component Libary

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var __1 = require("../../");
var react_1 = __importDefault(require("react"));
var Switch = function (_a) {
    var onClick = _a.onClick, active = _a.active, items = _a.items, style = _a.style;
    return (react_1.default.createElement(__1.Grid, { padding: ".5em", style: style },
        react_1.default.createElement("div", { className: "shadow noselect", style: {
                background: "#CDF7E0",
                padding: ".2em",
                borderRadius: "1.5em",
            } }, items.map(function (item) { return (react_1.default.createElement(__1.MenuItem, { key: item, style: { borderRadius: "1.5em" }, active: active === item, onClick: function () { return onClick(item); } }, item.charAt(0).toUpperCase() +
            item.substring(1).toLowerCase().replace(/_/g, " "))); }))));
};
Switch.underlined = function (_a) {
    var onClick = _a.onClick, active = _a.active, items = _a.items, style = _a.style;
    return (react_1.default.createElement(__1.Grid, { padding: ".5em", style: style, className: "noselect", cols: '3', mobileLayout: false }, items.map(function (item) { return (react_1.default.createElement(__1.Text, { bold: true, color: 'white', key: item, width: '100%', className: 'pointer', style: { borderBottom: active === item ? '2px solid white' : '', fontSize: "1.2em" }, onClick: function () { return onClick(item); } }, item.charAt(0).toUpperCase() +
        item.substring(1).toLowerCase().replace(/_/g, " "))); })));
};
exports.default = Switch;
//# sourceMappingURL=index.js.map