import { __extends } from "tslib";
import * as React from 'react';
import { Stack, Text } from '@fluentui/react';
import { PersonaTestImages } from '@fluentui/react-experiments/lib/common/TestImages';
import { PersonaCoin } from '@fluentui/react-experiments';
var tokens = {
    sectionStack: {
        childrenGap: 32,
    },
    headingStack: {
        childrenGap: 16,
    },
    personaCoinStack: {
        childrenGap: 12,
    },
};
var PersonaCoinStack = function (props) { return (React.createElement(Stack, { horizontal: true, disableShrink: true, tokens: tokens.personaCoinStack }, props.children)); };
var PersonaCoinExample = /** @class */ (function (_super) {
    __extends(PersonaCoinExample, _super);
    function PersonaCoinExample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    PersonaCoinExample.prototype.render = function () {
        return (React.createElement(Stack, { tokens: tokens.sectionStack },
            React.createElement(Stack, { tokens: tokens.headingStack, padding: 8 },
                React.createElement(Stack, { tokens: tokens.personaCoinStack },
                    React.createElement(Text, null, "When passing text initials will be extracted from the text"),
                    React.createElement(PersonaCoinStack, null,
                        React.createElement(PersonaCoin, { text: "Kevin Jameson" }),
                        React.createElement(PersonaCoin, { text: "\u738B\u529B" }),
                        React.createElement(PersonaCoin, { text: "Eline Page", presence: 4 }),
                        React.createElement(PersonaCoin, { text: "Eline Page", imageUrl: PersonaTestImages.personFemale }),
                        React.createElement(PersonaCoin, { text: "Kevin Jameson", imageUrl: PersonaTestImages.personMale }))),
                React.createElement(Stack, { tokens: tokens.personaCoinStack },
                    React.createElement(Text, null, "When passing specific initials"),
                    React.createElement(PersonaCoinStack, null,
                        React.createElement(PersonaCoin, { initials: "JB" }),
                        React.createElement(PersonaCoin, { initials: "\u738B\u529B" }))),
                React.createElement(Stack, { tokens: tokens.personaCoinStack },
                    React.createElement(Text, null, "Initials not available"),
                    React.createElement(PersonaCoinStack, null,
                        React.createElement(PersonaCoin, null))))));
    };
    return PersonaCoinExample;
}(React.Component));
export { PersonaCoinExample };
//# sourceMappingURL=PersonaCoin.Example.js.map