define(["require", "exports", "tslib", "react", "office-ui-fabric-react/lib/Persona", "office-ui-fabric-react/lib/Stack"], function (require, exports, tslib_1, React, Persona_1, Stack_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var sharedPersonaProps = {
        size: Persona_1.PersonaSize.size100,
        styles: {
            root: {
                width: 300,
                margin: 5
            }
        }
    };
    exports.PersonaColorsExample = function () {
        return (React.createElement(Stack_1.Stack, { horizontal: true, wrap: true },
            React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.green }, sharedPersonaProps, { text: "green10" })),
            React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.darkGreen }, sharedPersonaProps, { text: "darkGreen20" })),
            React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.teal }, sharedPersonaProps, { text: "teal10" })),
            React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.cyan }, sharedPersonaProps, { text: "cyan30" })),
            React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.lightBlue }, sharedPersonaProps, { text: "lightBlue30" })),
            React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.blue }, sharedPersonaProps, { text: "blue20" })),
            React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.darkBlue }, sharedPersonaProps, { text: "darkBlue10" })),
            React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.violet }, sharedPersonaProps, { text: "violet10" })),
            React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.purple }, sharedPersonaProps, { text: "purple10" })),
            React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.magenta }, sharedPersonaProps, { text: "magenta10" })),
            React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.lightPink }, sharedPersonaProps, { text: "lightPink10" })),
            React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.pink }, sharedPersonaProps, { text: "pink10" })),
            React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.burgundy }, sharedPersonaProps, { text: "pinkRed10" })),
            React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.lightRed }, sharedPersonaProps, { text: "red10" })),
            React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.darkRed }, sharedPersonaProps, { text: "darkRed20" })),
            React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.orange }, sharedPersonaProps, { text: "orange10" })),
            React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.rust }, sharedPersonaProps, { text: "orange30" })),
            React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.gold }, sharedPersonaProps, { text: "orangeYellow20" })),
            React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.warmGray }, sharedPersonaProps, { text: "gray30" })),
            React.createElement(Persona_1.Persona, tslib_1.__assign({ initialsColor: Persona_1.PersonaInitialsColor.coolGray }, sharedPersonaProps, { text: "gray20" }))));
    };
});
//# sourceMappingURL=Persona.Colors.Example.js.map