"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PersonaExample = void 0;
var tslib_1 = require("tslib");
var React = require("react");
var react_1 = require("@fluentui/react");
var TestImages_1 = require("@fluentui/react-experiments/lib-commonjs/common/TestImages");
var react_experiments_1 = require("@fluentui/react-experiments");
var tokens = {
    sectionStack: {
        childrenGap: 32,
    },
    headingStack: {
        childrenGap: 16,
    },
    personaCoinStack: {
        childrenGap: 12,
    },
};
var PersonaExample = /** @class */ (function (_super) {
    tslib_1.__extends(PersonaExample, _super);
    function PersonaExample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    PersonaExample.prototype.render = function () {
        return (React.createElement(react_1.Stack, { tokens: tokens.sectionStack },
            React.createElement(react_1.Stack, { tokens: tokens.headingStack, padding: 8 },
                React.createElement(react_1.Stack, { tokens: tokens.personaCoinStack },
                    React.createElement(react_1.Text, null, "Basic Usage"),
                    React.createElement(react_1.Stack, { tokens: tokens.personaCoinStack },
                        React.createElement(react_experiments_1.Persona, { text: "Sukhnam Chander", secondaryText: "Principal Program manager" }),
                        React.createElement(react_experiments_1.Persona, { text: "Kevin Jameson", secondaryText: "Professional traveller" }),
                        React.createElement(react_experiments_1.Persona, { text: "Kevin Jameson <Kevin.Jameson@example.com>", secondaryText: "Personal email" }),
                        React.createElement(react_experiments_1.Persona, { text: "Kevin Jameson (Kevin.Jameson@example.com) <Kevin.Jameson@example.com>", secondaryText: "Personal email" }),
                        React.createElement(react_experiments_1.Persona, { text: "\u738B\u529B", secondaryText: "Principal Program manager" }))),
                React.createElement(react_1.Stack, { tokens: tokens.personaCoinStack },
                    React.createElement(react_1.Text, null, "When passing coinProps"),
                    React.createElement(react_1.Stack, { tokens: tokens.personaCoinStack },
                        React.createElement(react_experiments_1.Persona, { text: "Eline Page", secondaryText: "eSports commentator", coin: { presence: 4 } }),
                        React.createElement(react_experiments_1.Persona, { text: "\u8D75\u4E3D\u9896", coin: { imageUrl: TestImages_1.PersonaTestImages.personFemale } }),
                        React.createElement(react_experiments_1.Persona, { text: "Kevin Jameson", coin: { imageUrl: TestImages_1.PersonaTestImages.personMale } }))))));
    };
    return PersonaExample;
}(React.Component));
exports.PersonaExample = PersonaExample;
//# sourceMappingURL=Persona.Example.js.map