"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 SlotsIconExample = /** @class */ (function (_super) {
    tslib_1.__extends(SlotsIconExample, _super);
    function SlotsIconExample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    SlotsIconExample.prototype.render = function () {
        return (React.createElement(office_ui_fabric_react_1.Stack, tslib_1.__assign({}, stackProps),
            React.createElement(experiments_1.Button, { icon: "share", content: "Icon: String" }),
            React.createElement(experiments_1.Button, { icon: { iconName: 'share' }, content: "Icon: Props, iconName: 'share'" }),
            React.createElement(experiments_1.Button, { icon: "upload", slots: {
                    icon: {
                        render: function (iconProps, DefaultComponent) { return (React.createElement("b", null,
                            "Icon: ",
                            React.createElement(DefaultComponent, tslib_1.__assign({}, iconProps)))); },
                    },
                }, content: "Icon: Function, Text + Icon" }),
            React.createElement(experiments_1.Button, { slots: { icon: { render: function () { return React.createElement(office_ui_fabric_react_1.Spinner, null); } } }, content: "Icon: Function, Spinner" })));
    };
    return SlotsIconExample;
}(React.Component));
exports.SlotsIconExample = SlotsIconExample;
//# sourceMappingURL=Slots.Icon.Example.js.map