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