"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.UILabel = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const UIStyleClasses_1 = require("./UIStyleClasses");
const core_1 = require("@material-ui/core");
const UIStyleConstants_1 = require("@appglue/common/dist/Common/UIStyleConstants");
const UILabel = ({ type, color, fontWeight, padding, paddingBottom, paddingLeft, paddingRight, paddingTop, children, }) => {
    let styles = (0, UIStyleClasses_1.UIStyleClasses)();
    if (!color) {
        if (type === "section_title" || type === "page_heading") {
            color = "UIBlue";
        }
        else {
            color = "UINormal";
        }
    }
    if (color === "UIBlue")
        color = UIStyleConstants_1.UIStyleConstants.BLUE_DARK_COLOR;
    if (color === "UINormal")
        color = UIStyleConstants_1.UIStyleConstants.GRAY_DARK_COLOR;
    if (color === "UIBlack")
        color = UIStyleConstants_1.UIStyleConstants.BLACK_COLOR;
    if (color === "UIWhite")
        color = UIStyleConstants_1.UIStyleConstants.WHITE_COLOR;
    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(type === "normal" || !type) && ((0, jsx_runtime_1.jsx)(core_1.Typography, { style: {
                    padding: padding,
                    paddingLeft: paddingLeft,
                    paddingRight: paddingRight,
                    paddingBottom: paddingBottom,
                    paddingTop: paddingTop,
                    color: color,
                    fontWeight: fontWeight,
                }, className: styles.normalText, children: children })), type === "section_title" && (0, jsx_runtime_1.jsx)(core_1.Typography, { className: styles.titleText, children: children }), type === "page_heading" && ((0, jsx_runtime_1.jsx)(core_1.Typography, { style: {
                    padding: padding,
                    paddingLeft: paddingLeft,
                    paddingRight: paddingRight,
                    paddingBottom: paddingBottom,
                    paddingTop: paddingTop,
                    color: color,
                    fontWeight: fontWeight,
                }, className: styles.titleText, children: children })), type === "page_heading_large" && ((0, jsx_runtime_1.jsx)(core_1.Typography, { style: {
                    padding: padding,
                    paddingLeft: paddingLeft,
                    paddingRight: paddingRight,
                    paddingBottom: paddingBottom,
                    paddingTop: paddingTop,
                    color: color,
                    fontWeight: fontWeight,
                }, className: styles.titleTextLarge, children: children })), type === "title" && ((0, jsx_runtime_1.jsx)(core_1.Typography, { style: {
                    padding: padding,
                    paddingLeft: paddingLeft,
                    paddingRight: paddingRight,
                    paddingBottom: paddingBottom,
                    paddingTop: paddingTop,
                    color: color,
                    fontWeight: fontWeight,
                }, className: styles.titleText, children: children })), type === "small" && ((0, jsx_runtime_1.jsx)(core_1.Typography, { style: {
                    padding: padding,
                    paddingLeft: paddingLeft,
                    paddingRight: paddingRight,
                    paddingBottom: paddingBottom,
                    paddingTop: paddingTop,
                    color: color,
                    fontWeight: fontWeight,
                }, className: styles.smallText, children: children })), type === "verySmall" && ((0, jsx_runtime_1.jsx)(core_1.Typography, { style: {
                    padding: padding,
                    paddingLeft: paddingLeft,
                    paddingRight: paddingRight,
                    paddingBottom: paddingBottom,
                    paddingTop: paddingTop,
                    color: color,
                    fontWeight: fontWeight,
                }, className: styles.verySmallText, children: children })), type === "medium" && ((0, jsx_runtime_1.jsx)(core_1.Typography, { style: {
                    padding: padding,
                    paddingLeft: paddingLeft,
                    paddingRight: paddingRight,
                    paddingBottom: paddingBottom,
                    paddingTop: paddingTop,
                    color: color,
                    fontWeight: fontWeight,
                }, className: styles.mediumText, children: children })), type === "large" && ((0, jsx_runtime_1.jsx)(core_1.Typography, { style: {
                    padding: padding,
                    paddingLeft: paddingLeft,
                    paddingRight: paddingRight,
                    paddingBottom: paddingBottom,
                    paddingTop: paddingTop,
                    color: color,
                    fontWeight: fontWeight,
                }, className: styles.largeText, children: children })), type === "label" && ((0, jsx_runtime_1.jsx)(core_1.Typography, { style: {
                    padding: padding,
                    paddingLeft: paddingLeft,
                    paddingRight: paddingRight,
                    paddingBottom: paddingBottom,
                    paddingTop: paddingTop,
                    color: color,
                    fontWeight: fontWeight,
                }, className: styles.normalText, children: children })), type === "value" && ((0, jsx_runtime_1.jsx)(core_1.Typography, { style: {
                    padding: padding,
                    paddingLeft: paddingLeft,
                    paddingRight: paddingRight,
                    paddingBottom: paddingBottom,
                    paddingTop: paddingTop,
                    color: color,
                    fontWeight: fontWeight,
                }, className: styles.valueText, children: children }))] }));
};
exports.UILabel = UILabel;
//# sourceMappingURL=UILabel.js.map