"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.BadgeAppearanceExample = void 0;
var React = require("react");
var react_badge_1 = require("@fluentui/react-badge");
var BadgeAppearanceExample = function () { return (React.createElement("div", { style: {
        display: 'flex',
        flexDirection: 'column',
        gap: '8px',
    } },
    React.createElement("div", { style: {
            display: 'flex',
            justifyContent: 'space-between',
            alignItems: 'center',
            width: 400,
        } },
        React.createElement(react_badge_1.Badge, { shape: "rounded", appearance: "filled" }, "999+"),
        React.createElement(react_badge_1.Badge, { shape: "rounded", appearance: "ghost" }, "999+"),
        React.createElement(react_badge_1.Badge, { shape: "rounded", appearance: "outline" }, "999+"),
        React.createElement(react_badge_1.Badge, { shape: "rounded", appearance: "tint" }, "999+")))); };
exports.BadgeAppearanceExample = BadgeAppearanceExample;
//# sourceMappingURL=BadgeAppearance.stories.js.map