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