el-react-ui/lib/components/foundation/Colors.js

Energylink React UI components

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const Grid_1 = __importDefault(require("../base/Grid"));
const Flex_1 = __importDefault(require("../base/Flex"));
const Heading_1 = __importDefault(require("../base/Heading"));
const Colors = ({ colors }) => {
    const renderDetailColor = (colorName) => (color, key) => (react_1.default.createElement(Flex_1.default, { flexDirection: "column" },
        react_1.default.createElement(Flex_1.default, { bg: color, width: 1, mb: 1, height: "100px" }),
        react_1.default.createElement(Flex_1.default, { width: 1, justifyContent: "space-between" },
            react_1.default.createElement(Heading_1.default, { color: "black", fontWeight: 6, fontSize: 2 },
                colorName,
                " ",
                key),
            react_1.default.createElement(Heading_1.default, { color: "black", fontWeight: 3, fontSize: 2 }, color))));
    const renderColorList = (colorName) => {
        const color = colors[colorName];
        return (react_1.default.createElement(Flex_1.default, { flexDirection: "column", mb: 4 },
            react_1.default.createElement(Heading_1.default, { mb: 2, fontWeight: 1, fontSize: 5 }, colorName),
            react_1.default.createElement(Grid_1.default, { gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))", gridGap: "20px" }, Array.isArray(color)
                ? color.map(renderDetailColor(colorName))
                : renderDetailColor(colorName)(color))));
    };
    return react_1.default.createElement(Flex_1.default, { flexDirection: "column" }, Object.keys(colors).map(renderColorList));
};
exports.default = Colors;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sb3JzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvZm91bmRhdGlvbi9Db2xvcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsa0RBQWtDO0FBQ2xDLHdEQUFnQztBQUNoQyx3REFBZ0M7QUFDaEMsOERBQXNDO0FBR3RDLE1BQU0sTUFBTSxHQUFvQixDQUFDLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRTtJQUM3QyxNQUFNLGlCQUFpQixHQUFHLENBQUMsU0FBaUIsRUFBRSxFQUFFLENBQUMsQ0FBQyxLQUFhLEVBQUUsR0FBWSxFQUFFLEVBQUUsQ0FBQyxDQUNoRiw4QkFBQyxjQUFJLElBQUMsYUFBYSxFQUFDLFFBQVE7UUFDMUIsOEJBQUMsY0FBSSxJQUFDLEVBQUUsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBQyxPQUFPLEdBQUc7UUFDbkQsOEJBQUMsY0FBSSxJQUFDLEtBQUssRUFBRSxDQUFDLEVBQUUsY0FBYyxFQUFDLGVBQWU7WUFDNUMsOEJBQUMsaUJBQU8sSUFBQyxLQUFLLEVBQUMsT0FBTyxFQUFDLFVBQVUsRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFFLENBQUM7Z0JBQzlDLFNBQVM7O2dCQUFHLEdBQUcsQ0FDUjtZQUNWLDhCQUFDLGlCQUFPLElBQUMsS0FBSyxFQUFDLE9BQU8sRUFBQyxVQUFVLEVBQUUsQ0FBQyxFQUFFLFFBQVEsRUFBRSxDQUFDLElBQzlDLEtBQUssQ0FDRSxDQUNMLENBQ0YsQ0FDUixDQUFDO0lBRUYsTUFBTSxlQUFlLEdBQUcsQ0FBQyxTQUFpQixFQUFFLEVBQUU7UUFDNUMsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBRWhDLE9BQU8sQ0FDTCw4QkFBQyxjQUFJLElBQUMsYUFBYSxFQUFDLFFBQVEsRUFBQyxFQUFFLEVBQUUsQ0FBQztZQUNoQyw4QkFBQyxpQkFBTyxJQUFDLEVBQUUsRUFBRSxDQUFDLEVBQUUsVUFBVSxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsQ0FBQyxJQUN2QyxTQUFTLENBQ0Y7WUFDViw4QkFBQyxjQUFJLElBQUMsbUJBQW1CLEVBQUMsdUNBQXVDLEVBQUMsT0FBTyxFQUFDLE1BQU0sSUFDN0UsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUM7Z0JBQ25CLENBQUMsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLGlCQUFpQixDQUFDLFNBQVMsQ0FBQyxDQUFDO2dCQUN6QyxDQUFDLENBQUMsaUJBQWlCLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQ2xDLENBQ0YsQ0FDUixDQUFDO0lBQ0osQ0FBQyxDQUFDO0lBRUYsT0FBTyw4QkFBQyxjQUFJLElBQUMsYUFBYSxFQUFDLFFBQVEsSUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBUSxDQUFDO0FBQ3hGLENBQUMsQ0FBQztBQUVGLGtCQUFlLE1BQU0sQ0FBQyJ9