import * as React from 'react';
import { makeStyles } from '@fluentui/react-make-styles';
var useStyles = makeStyles({
    root: function (theme) { return ({
        padding: '10px',
        fontFamily: theme.global.type.fontFamilies.base,
        color: theme.alias.color.neutral.neutralForeground1,
        background: theme.alias.color.neutral.neutralBackground1,
    }); },
    content: {
        display: 'flex',
        flexWrap: 'wrap',
        '> *': { margin: '4px' },
    },
});
export var StoryExample = function (_a) {
    var title = _a.title, children = _a.children;
    var styles = useStyles();
    return (React.createElement("div", { className: styles.root },
        React.createElement("h2", null, title),
        React.createElement("div", { className: styles.content }, children)));
};
//# sourceMappingURL=StoryExample.js.map