"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 SlotsRootExample = /** @class */ (function (_super) {
    tslib_1.__extends(SlotsRootExample, _super);
    function SlotsRootExample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    SlotsRootExample.prototype.render = function () {
        return (React.createElement(office_ui_fabric_react_1.Stack, tslib_1.__assign({}, stackProps),
            React.createElement(experiments_1.Button, { icon: "share", href: "https://developer.microsoft.com/en-us/fluentui", content: "Root: Implicit 'a' via href prop" }),
            React.createElement(experiments_1.Button, { icon: "share", content: "Root: Function", slots: { root: { render: function (rootProps, DefaultComponent) { return React.createElement(DefaultComponent, tslib_1.__assign({}, rootProps)); } } } })));
    };
    return SlotsRootExample;
}(React.Component));
exports.SlotsRootExample = SlotsRootExample;
//# sourceMappingURL=Slots.Root.Example.js.map