"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.NestedPortals = exports.DefaultPortal = void 0;
var React = require("react");
var react_portal_1 = require("@fluentui/react-portal");
var react_make_styles_1 = require("@fluentui/react-make-styles");
var useStyles = react_make_styles_1.makeStyles({
    container: function (theme) { return ({
        border: "3px solid " + theme.alias.color.red.background3,
        padding: '10px',
    }); },
    portalContent: function (theme) { return ({
        backgroundColor: theme.alias.color.yellow.background3,
        border: '3px dashed',
        marginTop: '10px',
    }); },
});
var Container = function (_a) {
    var children = _a.children;
    var styles = useStyles();
    return (React.createElement("div", { className: styles.container },
        "Portal nested within",
        children));
};
var ExamplePortalContent = function (_a) {
    var children = _a.children;
    var styles = useStyles();
    return React.createElement("div", { className: styles.portalContent }, children);
};
var DefaultPortal = function () {
    return (React.createElement(Container, null,
        React.createElement(Container, null,
            React.createElement(react_portal_1.Portal, null,
                React.createElement(ExamplePortalContent, null, "Portal content")),
            React.createElement(react_portal_1.Portal, null,
                React.createElement(ExamplePortalContent, null, "Portal content")))));
};
exports.DefaultPortal = DefaultPortal;
var NestedPortals = function () {
    return (React.createElement(Container, null,
        React.createElement(Container, null,
            React.createElement(react_portal_1.Portal, null,
                React.createElement(ExamplePortalContent, null, "Outer portal"),
                React.createElement(react_portal_1.Portal, null,
                    React.createElement(ExamplePortalContent, null, "Inner portal"))))));
};
exports.NestedPortals = NestedPortals;
//# sourceMappingURL=Portal.stories.js.map