import * as React from 'react';
import { Separator } from '@fluentui/react/lib/Separator';
import { Stack } from '@fluentui/react/lib/Stack';
import { Text } from '@fluentui/react/lib/Text';
import { Icon } from '@fluentui/react/lib/Icon';
var iconStyles = {
    root: {
        fontSize: '24px',
        height: '24px',
        width: '24px',
    },
};
var stackTokens = { childrenGap: 12 };
export var SeparatorIconExample = function () { return (React.createElement(Stack, { tokens: stackTokens },
    React.createElement(Text, null, "Horizontal center aligned with an icon as content"),
    React.createElement(Separator, null,
        React.createElement(Icon, { iconName: "Clock", styles: iconStyles })))); };
//# sourceMappingURL=Separator.Icon.Example.js.map