el-react-ui/lib/components/foundation/Typography.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 core_1 = require("@/themes/core");
const Heading_1 = __importDefault(require("@/components/base/Heading"));
const Box_1 = __importDefault(require("@/components/base/Box"));
const Typography = () => {
    const renderTypography = (fontSize, key) => (react_1.default.createElement(Heading_1.default, { as: "h3", fontWeight: 4, color: "gray.7", fontSize: key, key: `typography${key}`, mb: 3 },
        "Font size: ",
        `${fontSize}px`));
    return react_1.default.createElement(Box_1.default, null, core_1.fontSizes.map(renderTypography));
};
exports.default = Typography;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2ZvdW5kYXRpb24vVHlwb2dyYXBoeS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxrREFBa0M7QUFDbEMsd0NBQTBDO0FBQzFDLHdFQUFnRDtBQUNoRCxnRUFBd0M7QUFFeEMsTUFBTSxVQUFVLEdBQVcsR0FBRyxFQUFFO0lBQzlCLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxRQUFnQixFQUFFLEdBQVcsRUFBRSxFQUFFLENBQUMsQ0FDMUQsOEJBQUMsaUJBQU8sSUFBQyxFQUFFLEVBQUMsSUFBSSxFQUFDLFVBQVUsRUFBRSxDQUFDLEVBQUUsS0FBSyxFQUFDLFFBQVEsRUFBQyxRQUFRLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxhQUFhLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDOztRQUM5RSxHQUFHLFFBQVEsSUFBSSxDQUNuQixDQUNYLENBQUM7SUFFRixPQUFPLDhCQUFDLGFBQUcsUUFBRSxnQkFBUyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFPLENBQUM7QUFDdEQsQ0FBQyxDQUFDO0FBRUYsa0JBQWUsVUFBVSxDQUFDIn0=