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