define(["require", "exports", "react", "@fluentui/react-badge"], function (require, exports, React, react_badge_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.BadgeContentExample = void 0;
    var BadgeContentExample = function () { return (React.createElement("div", { style: {
            display: 'flex',
            flexDirection: 'column',
            gap: '8px',
        } },
        React.createElement("div", { style: {
                display: 'flex',
                justifyContent: 'space-between',
                alignItems: 'center',
            } },
            React.createElement(react_badge_1.Badge, { size: "smallest" }, "1"),
            React.createElement(react_badge_1.Badge, { size: "smaller" }, "1"),
            React.createElement(react_badge_1.Badge, { size: "small" }, "1"),
            React.createElement(react_badge_1.Badge, { size: "medium" }, "1"),
            React.createElement(react_badge_1.Badge, { size: "large" }, "1"),
            React.createElement(react_badge_1.Badge, { size: "larger" }, "1"),
            React.createElement(react_badge_1.Badge, { size: "largest" }, "1")),
        React.createElement("div", { style: {
                display: 'flex',
                justifyContent: 'space-between',
                alignItems: 'center',
            } },
            React.createElement(react_badge_1.Badge, { shape: "square", size: "smallest" }, "1"),
            React.createElement(react_badge_1.Badge, { shape: "square", size: "smaller" }, "1"),
            React.createElement(react_badge_1.Badge, { shape: "square", size: "small" }, "1"),
            React.createElement(react_badge_1.Badge, { shape: "square", size: "medium" }, "1"),
            React.createElement(react_badge_1.Badge, { shape: "square", size: "large" }, "1"),
            React.createElement(react_badge_1.Badge, { shape: "square", size: "larger" }, "1"),
            React.createElement(react_badge_1.Badge, { shape: "square", size: "largest" }, "1")),
        React.createElement("div", { style: {
                display: 'flex',
                justifyContent: 'space-between',
                alignItems: 'center',
            } },
            React.createElement(react_badge_1.Badge, { shape: "rounded", size: "smallest" }, "1"),
            React.createElement(react_badge_1.Badge, { shape: "rounded", size: "smaller" }, "1"),
            React.createElement(react_badge_1.Badge, { shape: "rounded", size: "small" }, "1"),
            React.createElement(react_badge_1.Badge, { shape: "rounded", size: "medium" }, "1"),
            React.createElement(react_badge_1.Badge, { shape: "rounded", size: "large" }, "1"),
            React.createElement(react_badge_1.Badge, { shape: "rounded", size: "larger" }, "1"),
            React.createElement(react_badge_1.Badge, { shape: "rounded", size: "largest" }, "1")))); };
    exports.BadgeContentExample = BadgeContentExample;
});
//# sourceMappingURL=BadgeContent.stories.js.map