define(["require", "exports", "react", "@fluentui/react-badge"], function (require, exports, React, react_badge_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.BadgeAppearanceExample = void 0;
    var BadgeAppearanceExample = function () { return (React.createElement(React.Fragment, null,
        React.createElement("h2", null, "Circular (default)"),
        React.createElement("div", { style: {
                display: 'flex',
                justifyContent: 'space-between',
                alignItems: 'center',
            } },
            React.createElement(react_badge_1.Badge, { size: "smallest" }),
            React.createElement(react_badge_1.Badge, { size: "smaller" }),
            React.createElement(react_badge_1.Badge, { size: "small" }),
            React.createElement(react_badge_1.Badge, { size: "medium" }),
            React.createElement(react_badge_1.Badge, { size: "large" }),
            React.createElement(react_badge_1.Badge, { size: "larger" }),
            React.createElement(react_badge_1.Badge, { size: "largest" })),
        React.createElement("h2", null, "Square"),
        React.createElement("div", { style: {
                display: 'flex',
                justifyContent: 'space-between',
                alignItems: 'center',
            } },
            React.createElement(react_badge_1.Badge, { size: "smallest", shape: "square" }),
            React.createElement(react_badge_1.Badge, { size: "smaller", shape: "square" }),
            React.createElement(react_badge_1.Badge, { size: "small", shape: "square" }),
            React.createElement(react_badge_1.Badge, { size: "medium", shape: "square" }),
            React.createElement(react_badge_1.Badge, { size: "large", shape: "square" }),
            React.createElement(react_badge_1.Badge, { size: "larger", shape: "square" }),
            React.createElement(react_badge_1.Badge, { size: "largest", shape: "square" })),
        React.createElement("h2", null, "Rounded"),
        React.createElement("div", { style: {
                display: 'flex',
                justifyContent: 'space-between',
                alignItems: 'center',
            } },
            React.createElement(react_badge_1.Badge, { size: "smallest", shape: "rounded" }),
            React.createElement(react_badge_1.Badge, { size: "smaller", shape: "rounded" }),
            React.createElement(react_badge_1.Badge, { size: "small", shape: "rounded" }),
            React.createElement(react_badge_1.Badge, { size: "medium", shape: "rounded" }),
            React.createElement(react_badge_1.Badge, { size: "large", shape: "rounded" }),
            React.createElement(react_badge_1.Badge, { size: "larger", shape: "rounded" }),
            React.createElement(react_badge_1.Badge, { size: "largest", shape: "rounded" })))); };
    exports.BadgeAppearanceExample = BadgeAppearanceExample;
});
//# sourceMappingURL=Badge.stories.js.map