define(["require", "exports", "react", "@fluentui/react-make-styles"], function (require, exports, React, react_make_styles_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.StoryExample = void 0;
    var useStyles = react_make_styles_1.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' },
        },
    });
    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)));
    };
    exports.StoryExample = StoryExample;
});
//# sourceMappingURL=StoryExample.js.map