import * as React from 'react';
import { Badge } from '@fluentui/react-badge';
export 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(Badge, { size: "smallest" }, "1"),
        React.createElement(Badge, { size: "smaller" }, "1"),
        React.createElement(Badge, { size: "small" }, "1"),
        React.createElement(Badge, { size: "medium" }, "1"),
        React.createElement(Badge, { size: "large" }, "1"),
        React.createElement(Badge, { size: "larger" }, "1"),
        React.createElement(Badge, { size: "largest" }, "1")),
    React.createElement("div", { style: {
            display: 'flex',
            justifyContent: 'space-between',
            alignItems: 'center',
        } },
        React.createElement(Badge, { shape: "square", size: "smallest" }, "1"),
        React.createElement(Badge, { shape: "square", size: "smaller" }, "1"),
        React.createElement(Badge, { shape: "square", size: "small" }, "1"),
        React.createElement(Badge, { shape: "square", size: "medium" }, "1"),
        React.createElement(Badge, { shape: "square", size: "large" }, "1"),
        React.createElement(Badge, { shape: "square", size: "larger" }, "1"),
        React.createElement(Badge, { shape: "square", size: "largest" }, "1")),
    React.createElement("div", { style: {
            display: 'flex',
            justifyContent: 'space-between',
            alignItems: 'center',
        } },
        React.createElement(Badge, { shape: "rounded", size: "smallest" }, "1"),
        React.createElement(Badge, { shape: "rounded", size: "smaller" }, "1"),
        React.createElement(Badge, { shape: "rounded", size: "small" }, "1"),
        React.createElement(Badge, { shape: "rounded", size: "medium" }, "1"),
        React.createElement(Badge, { shape: "rounded", size: "large" }, "1"),
        React.createElement(Badge, { shape: "rounded", size: "larger" }, "1"),
        React.createElement(Badge, { shape: "rounded", size: "largest" }, "1")))); };
//# sourceMappingURL=BadgeContent.stories.js.map