define(["require", "exports", "tslib", "react", "office-ui-fabric-react", "@uifabric/experiments/lib/common/TestImages", "@uifabric/experiments"], function (require, exports, tslib_1, React, office_ui_fabric_react_1, TestImages_1, experiments_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var tokens = {
        sectionStack: {
            childrenGap: 32,
        },
        headingStack: {
            childrenGap: 16,
        },
        personaCoinStack: {
            childrenGap: 12,
        },
    };
    var PersonaCoinStack = function (props) { return (React.createElement(office_ui_fabric_react_1.Stack, { horizontal: true, disableShrink: true, tokens: tokens.personaCoinStack }, props.children)); };
    var PersonaCoinExample = /** @class */ (function (_super) {
        tslib_1.__extends(PersonaCoinExample, _super);
        function PersonaCoinExample() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        PersonaCoinExample.prototype.render = function () {
            return (React.createElement(office_ui_fabric_react_1.Stack, { tokens: tokens.sectionStack },
                React.createElement(office_ui_fabric_react_1.Stack, { tokens: tokens.headingStack, padding: 8 },
                    React.createElement(office_ui_fabric_react_1.Stack, { tokens: tokens.personaCoinStack },
                        React.createElement(office_ui_fabric_react_1.Text, null, "When passing text initials will be extracted from the text"),
                        React.createElement(PersonaCoinStack, null,
                            React.createElement(experiments_1.PersonaCoin, { text: "Kevin Jameson" }),
                            React.createElement(experiments_1.PersonaCoin, { text: "\u738B\u529B" }),
                            React.createElement(experiments_1.PersonaCoin, { text: "Eline Page", presence: 4 }),
                            React.createElement(experiments_1.PersonaCoin, { text: "Eline Page", imageUrl: TestImages_1.PersonaTestImages.personFemale }),
                            React.createElement(experiments_1.PersonaCoin, { text: "Kevin Jameson", imageUrl: TestImages_1.PersonaTestImages.personMale }))),
                    React.createElement(office_ui_fabric_react_1.Stack, { tokens: tokens.personaCoinStack },
                        React.createElement(office_ui_fabric_react_1.Text, null, "When passing specific initials"),
                        React.createElement(PersonaCoinStack, null,
                            React.createElement(experiments_1.PersonaCoin, { initials: "JB" }),
                            React.createElement(experiments_1.PersonaCoin, { initials: "\u738B\u529B" }))),
                    React.createElement(office_ui_fabric_react_1.Stack, { tokens: tokens.personaCoinStack },
                        React.createElement(office_ui_fabric_react_1.Text, null, "Initials not available"),
                        React.createElement(PersonaCoinStack, null,
                            React.createElement(experiments_1.PersonaCoin, null))))));
        };
        return PersonaCoinExample;
    }(React.Component));
    exports.PersonaCoinExample = PersonaCoinExample;
});
//# sourceMappingURL=PersonaCoin.Example.js.map