@pnp/spfx-controls-react/lib-commonjs/controls/imagePicker/renderHeader/RenderHeader.js

Reusable React controls for SharePoint Framework solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.RenderHeader = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var react_components_1 = require("@fluentui/react-components");
var react_icons_1 = require("@fluentui/react-icons");
var react_1 = require("@iconify/react");
var useRenderHeaderStyles_1 = require("./useRenderHeaderStyles");
var RenderHeader = function (props) {
    var onDismiss = props.onDismiss, title = props.title, description = props.description, icon = props.icon;
    var styles = (0, useRenderHeaderStyles_1.useRenderHeaderStyles)();
    return (React.createElement(React.Fragment, null,
        React.createElement("div", { className: styles.renderHeaderContent },
            React.createElement("div", { className: styles.renderHeaderHeader },
                React.createElement(react_components_1.Button, { appearance: "subtle", className: styles.closeButton, onClick: function () { return onDismiss(false); }, icon: React.createElement(react_icons_1.Dismiss24Regular, null) }),
                React.createElement("div", { className: styles.renderHeaderTitleContainer },
                    React.isValidElement(icon) ? icon : React.createElement(react_1.Icon, { icon: icon, width: 24, height: 24 }),
                    React.createElement("div", { className: styles.dialogTitleAndDescriptionContainer },
                        React.isValidElement(title) ? (title) : (React.createElement(react_components_1.Subtitle1, { className: styles.renderHeaderTitle }, title)),
                        React.isValidElement(description) ? (description) : (React.createElement(react_components_1.Caption1, { className: styles.renderHeaderDescription }, description))))))));
};
exports.RenderHeader = RenderHeader;
//# sourceMappingURL=RenderHeader.js.map