import * as React from 'react';
import { Separator } from '@fluentui/react/lib/Separator';
import { createTheme } from '@fluentui/react/lib/Styling';
import { Stack } from '@fluentui/react/lib/Stack';
import { Text } from '@fluentui/react/lib/Text';
var theme = createTheme({
    fonts: {
        medium: {
            fontFamily: 'Monaco, Menlo, Consolas',
            fontSize: '30px',
        },
    },
});
var stackTokens = { childrenGap: 12 };
export var SeparatorThemingExample = function () { return (React.createElement(Stack, { tokens: stackTokens },
    React.createElement(Text, null, "Horizontal center aligned with custom theme"),
    React.createElement(Separator, { theme: theme }, "Today"))); };
//# sourceMappingURL=Separator.Theming.Example.js.map