"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var experiments_1 = require("@uifabric/experiments");
var office_ui_fabric_react_1 = require("office-ui-fabric-react");
var stackProps = { tokens: { childrenGap: 16 }, padding: 8, maxWidth: 400 };
var SlotsContentExample = /** @class */ (function (_super) {
    tslib_1.__extends(SlotsContentExample, _super);
    function SlotsContentExample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    SlotsContentExample.prototype.render = function () {
        return (React.createElement(office_ui_fabric_react_1.Stack, tslib_1.__assign({}, stackProps),
            React.createElement(experiments_1.Button, { content: { children: 1 } },
                React.createElement("p", null, "Content: Integer")),
            React.createElement(experiments_1.Button, { content: "Content: String" }),
            React.createElement(experiments_1.Button, { content: { children: 'Content: Props' } }),
            React.createElement(experiments_1.Button, { slots: { content: { render: function () { return React.createElement(office_ui_fabric_react_1.Spinner, null); } } } },
                React.createElement("p", null, "Content: Function, Spinner")),
            React.createElement(experiments_1.Button, { slots: {
                    content: {
                        render: function (contentProps, DefaultComponent) { return (React.createElement("b", null,
                            "Wrapper Content Text: ",
                            React.createElement(DefaultComponent, tslib_1.__assign({}, contentProps), "TextType"))); },
                    },
                } },
                React.createElement("p", null, "Content: Function, Text + ContentType")),
            React.createElement(experiments_1.Button, { content: { children: 'Content: Child String' } }),
            React.createElement(experiments_1.Button, { content: { children: ['Content: Child 1,', ' Child 2'] } }),
            React.createElement(experiments_1.Button, { content: "Content: With Children" },
                React.createElement("p", null, "Button Child 1"),
                React.createElement("p", null, "Button Child 2"))));
    };
    return SlotsContentExample;
}(React.Component));
exports.SlotsContentExample = SlotsContentExample;
//# sourceMappingURL=Slots.Content.Example.js.map