import * as React from 'react';
import { Badge } from '@fluentui/react-badge';
export 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(Badge, { shape: "rounded", appearance: "filled" }, "999+"),
        React.createElement(Badge, { shape: "rounded", appearance: "ghost" }, "999+"),
        React.createElement(Badge, { shape: "rounded", appearance: "outline" }, "999+"),
        React.createElement(Badge, { shape: "rounded", appearance: "tint" }, "999+")))); };
//# sourceMappingURL=BadgeAppearance.stories.js.map