@brizy/ui/lib/ShapeText/utils.js

React elements in Brizy style

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.LoadingContent = exports.getSize = exports.getColor = exports.getAlignStyles = void 0;
const react_1 = __importDefault(require("react"));
const colors_1 = require("../utils/colors");
const constants_1 = require("../constants");
const getAlignStyles = (align) => {
    if (align) {
        const flexAlign = {
            left: "flex-start",
            center: "center",
            right: "flex-end",
        };
        return { [`--${constants_1.BRZ_PREFIX}-shape-text-align`]: flexAlign[align] };
    }
    return {};
};
exports.getAlignStyles = getAlignStyles;
const getColor = (hoverColor) => {
    if (hoverColor) {
        return { [`--${constants_1.BRZ_PREFIX}-shape-text-hover-color`]: (0, colors_1.getHexByColorType)(hoverColor) };
    }
};
exports.getColor = getColor;
const getSize = (variableName, size) => {
    if (variableName && size) {
        return { [variableName]: `${size}px` };
    }
    return {};
};
exports.getSize = getSize;
const LoadingContent = ({ lines }) => {
    const linesElements = [];
    if (lines) {
        for (let i = 0; i < lines; i++) {
            linesElements.push(react_1.default.createElement("div", { key: i }));
        }
    }
    return react_1.default.createElement(react_1.default.Fragment, null, linesElements);
};
exports.LoadingContent = LoadingContent;