"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var react_next_1 = require("@fluentui/react-next");
var Stack_1 = require("@fluentui/react-next/lib-commonjs/Stack");
var sharedPersonaProps = {
    size: react_next_1.PersonaSize.size100,
    styles: {
        root: {
            width: 300,
            margin: 5,
        },
    },
};
exports.PersonaColorsExample = function () {
    return (React.createElement(Stack_1.Stack, { horizontal: true, wrap: true },
        React.createElement(react_next_1.Persona, tslib_1.__assign({ initialsColor: react_next_1.PersonaInitialsColor.green }, sharedPersonaProps, { text: "green10", imageAlt: "Green circle with the letter G in white text at the center" })),
        React.createElement(react_next_1.Persona, tslib_1.__assign({ initialsColor: react_next_1.PersonaInitialsColor.darkGreen }, sharedPersonaProps, { text: "darkGreen20", imageAlt: "Dark green circle with the letter D in white text at the center" })),
        React.createElement(react_next_1.Persona, tslib_1.__assign({ initialsColor: react_next_1.PersonaInitialsColor.teal }, sharedPersonaProps, { text: "teal10", imageAlt: "Teal circle with the letter T in white text at the center" })),
        React.createElement(react_next_1.Persona, tslib_1.__assign({ initialsColor: react_next_1.PersonaInitialsColor.cyan }, sharedPersonaProps, { text: "cyan30", imageAlt: "Cyan circle with the letter C in white text at the center" })),
        React.createElement(react_next_1.Persona, tslib_1.__assign({ initialsColor: react_next_1.PersonaInitialsColor.lightBlue }, sharedPersonaProps, { text: "lightBlue30", imageAlt: "Light blue circle with the letter L in white text at the center" })),
        React.createElement(react_next_1.Persona, tslib_1.__assign({ initialsColor: react_next_1.PersonaInitialsColor.blue }, sharedPersonaProps, { text: "blue20", imageAlt: "Blue circle with the letter B in white text at the center" })),
        React.createElement(react_next_1.Persona, tslib_1.__assign({ initialsColor: react_next_1.PersonaInitialsColor.darkBlue }, sharedPersonaProps, { text: "darkBlue10", imageAlt: "Dark blue circle with the letter D in white text at the center" })),
        React.createElement(react_next_1.Persona, tslib_1.__assign({ initialsColor: react_next_1.PersonaInitialsColor.violet }, sharedPersonaProps, { text: "violet10", imageAlt: "Violet circle with the letter V in white text at the center" })),
        React.createElement(react_next_1.Persona, tslib_1.__assign({ initialsColor: react_next_1.PersonaInitialsColor.purple }, sharedPersonaProps, { text: "purple10", imageAlt: "Purple circle with the letter P in white text at the center" })),
        React.createElement(react_next_1.Persona, tslib_1.__assign({ initialsColor: react_next_1.PersonaInitialsColor.magenta }, sharedPersonaProps, { text: "magenta10", imageAlt: "Magenta circle with the letter M in white text at the center" })),
        React.createElement(react_next_1.Persona, tslib_1.__assign({ initialsColor: react_next_1.PersonaInitialsColor.lightPink }, sharedPersonaProps, { text: "lightPink10", imageAlt: "Light pink circle with the letter L in white text at the center" })),
        React.createElement(react_next_1.Persona, tslib_1.__assign({ initialsColor: react_next_1.PersonaInitialsColor.pink }, sharedPersonaProps, { text: "pink10", imageAlt: "Pink circle with the letter P in white text at the center" })),
        React.createElement(react_next_1.Persona, tslib_1.__assign({ initialsColor: react_next_1.PersonaInitialsColor.burgundy }, sharedPersonaProps, { text: "pinkRed10", imageAlt: "Pink red (burgundy) circle with the letter P in white text at the center" })),
        React.createElement(react_next_1.Persona, tslib_1.__assign({ initialsColor: react_next_1.PersonaInitialsColor.lightRed }, sharedPersonaProps, { text: "red10", imageAlt: "Red circle with the letter R in white text at the center" })),
        React.createElement(react_next_1.Persona, tslib_1.__assign({ initialsColor: react_next_1.PersonaInitialsColor.darkRed }, sharedPersonaProps, { text: "darkRed20", imageAlt: "Dark red circle with the letter D in white text at the center" })),
        React.createElement(react_next_1.Persona, tslib_1.__assign({ initialsColor: react_next_1.PersonaInitialsColor.orange }, sharedPersonaProps, { text: "orange10", imageAlt: "Orange circle with the letter O in white text at the center" })),
        React.createElement(react_next_1.Persona, tslib_1.__assign({ initialsColor: react_next_1.PersonaInitialsColor.rust }, sharedPersonaProps, { text: "orange30", imageAlt: "Rusty orange circle with the letter O in white text at the center" })),
        React.createElement(react_next_1.Persona, tslib_1.__assign({ initialsColor: react_next_1.PersonaInitialsColor.gold }, sharedPersonaProps, { text: "orangeYellow20", imageAlt: "Orange yellow circle with the letter O in white text at the center" })),
        React.createElement(react_next_1.Persona, tslib_1.__assign({ initialsColor: react_next_1.PersonaInitialsColor.warmGray }, sharedPersonaProps, { text: "gray30", imageAlt: "Warm gray circle with the letter G in white text at the center" })),
        React.createElement(react_next_1.Persona, tslib_1.__assign({ initialsColor: react_next_1.PersonaInitialsColor.coolGray }, sharedPersonaProps, { text: "gray20", imageAlt: "Cool gray circle with the letter G in white text at the center" }))));
};
//# sourceMappingURL=Persona.Colors.Example.js.map