import * as React from 'react';
import { Badge } from '@fluentui/react-badge';
import { AcceptIcon } from '@fluentui/react-icons-mdl2';
export var BadgeIconExample = function () { return (React.createElement("div", { style: {
        display: 'flex',
        justifyContent: 'space-between',
        alignItems: 'center',
    } },
    React.createElement(Badge, { size: "smallest", icon: React.createElement(AcceptIcon, null) }),
    React.createElement(Badge, { size: "smaller", icon: React.createElement(AcceptIcon, null) }),
    React.createElement(Badge, { size: "small", icon: React.createElement(AcceptIcon, null) }),
    React.createElement(Badge, { size: "medium", icon: React.createElement(AcceptIcon, null) }),
    React.createElement(Badge, { size: "large", icon: React.createElement(AcceptIcon, null) }),
    React.createElement(Badge, { size: "larger", icon: React.createElement(AcceptIcon, null) }),
    React.createElement(Badge, { size: "largest", icon: React.createElement(AcceptIcon, null) }))); };
//# sourceMappingURL=BadgeIcon.stories.js.map