@pnp/spfx-controls-react/lib-commonjs/controls/calendar/RenderLabel/RenderLabel.js

Reusable React controls for SharePoint Framework solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.RenderLabel = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var react_components_1 = require("@fluentui/react-components");
var react_1 = require("@iconify/react");
var useRenderLabelStylesStyles_1 = require("./useRenderLabelStylesStyles");
var RenderLabel = function (props) {
    var label = props.label, icon = props.icon, isRequired = props.isRequired;
    var styles = (0, useRenderLabelStylesStyles_1.useRenderLabelStyles)();
    return (React.createElement(React.Fragment, null,
        React.createElement("div", { className: styles.labelContainer },
            icon && React.isValidElement(icon) ? (icon) : (React.createElement(react_1.Icon, { icon: icon, className: styles.iconStyles, width: "20px", height: "20px", color: react_components_1.tokens.colorBrandForeground1, "aria-hidden": "true" })),
            React.createElement(react_components_1.Caption1, { style: { color: react_components_1.tokens.colorBrandForeground1 } }, label),
            React.createElement(react_components_1.Caption1, { style: { color: react_components_1.tokens.colorPaletteRedForeground1 } }, isRequired ? " *" : ""))));
};
exports.RenderLabel = RenderLabel;
exports.default = exports.RenderLabel;
//# sourceMappingURL=RenderLabel.js.map