"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.AvatarBadgeExamples = void 0;
var React = require("react");
var react_avatar_1 = require("@fluentui/react-avatar");
var react_icons_mdl2_1 = require("@fluentui/react-icons-mdl2");
var StoryExample_1 = require("../utils/StoryExample");
var AvatarBadgeExamples = function () { return (React.createElement("div", { style: { background: 'rgb(232, 232, 232)' } },
    React.createElement(StoryExample_1.StoryExample, { title: "AvatarBadge" },
        React.createElement(react_avatar_1.AvatarBadge, { size: "smallest", state: "error" }),
        React.createElement(react_avatar_1.AvatarBadge, { size: "smaller", state: "warning" }),
        React.createElement(react_avatar_1.AvatarBadge, { size: "small", state: "success" }),
        React.createElement(react_avatar_1.AvatarBadge, { size: "medium" }),
        React.createElement(react_avatar_1.AvatarBadge, { size: "large", state: "error" }),
        React.createElement(react_avatar_1.AvatarBadge, { size: "larger", state: "warning" }),
        React.createElement(react_avatar_1.AvatarBadge, { size: "largest", state: "success" })),
    React.createElement(StoryExample_1.StoryExample, { title: "AvatarBadge with icon" },
        React.createElement(react_avatar_1.AvatarBadge, { size: "smallest", state: "error", icon: { as: react_icons_mdl2_1.SkypeMinusIcon } }),
        React.createElement(react_avatar_1.AvatarBadge, { size: "smaller", state: "warning", icon: { as: react_icons_mdl2_1.SkypeClockIcon } }),
        React.createElement(react_avatar_1.AvatarBadge, { size: "small", state: "success", icon: { as: react_icons_mdl2_1.SkypeCheckIcon } }),
        React.createElement(react_avatar_1.AvatarBadge, { size: "medium", state: "info", icon: { as: react_icons_mdl2_1.SkypeArrowIcon } }),
        React.createElement(react_avatar_1.AvatarBadge, { size: "large", state: "error", icon: { as: react_icons_mdl2_1.SkypeMinusIcon } }),
        React.createElement(react_avatar_1.AvatarBadge, { size: "larger", state: "warning", icon: { as: react_icons_mdl2_1.SkypeClockIcon } }),
        React.createElement(react_avatar_1.AvatarBadge, { size: "largest", state: "success", icon: { as: react_icons_mdl2_1.SkypeCheckIcon } })),
    React.createElement(StoryExample_1.StoryExample, { title: "AvatarBadge styled with tokens" },
        React.createElement(react_avatar_1.AvatarBadge, { tokens: {
                size: '13px',
            } }),
        React.createElement(react_avatar_1.AvatarBadge, { size: "medium", icon: { as: react_icons_mdl2_1.SkypeArrowIcon }, tokens: {
                color: 'mistyrose',
                iconColor: 'hotpink',
                borderColor: 'hotpink',
                borderWidth: '2px',
                borderStyle: 'solid',
            } }),
        React.createElement(react_avatar_1.AvatarBadge, { size: "large", state: "success", tokens: {
                borderRadius: '2px',
            } })))); };
exports.AvatarBadgeExamples = AvatarBadgeExamples;
//# sourceMappingURL=AvatarBadge.stories.js.map