import { __assign, __extends } from "tslib";
import * as React from 'react';
import { Button } from '@uifabric/experiments';
import { Stack } from 'office-ui-fabric-react';
var stackProps = { tokens: { childrenGap: 16 }, padding: 8, maxWidth: 400 };
var SlotsRootExample = /** @class */ (function (_super) {
    __extends(SlotsRootExample, _super);
    function SlotsRootExample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    SlotsRootExample.prototype.render = function () {
        return (React.createElement(Stack, __assign({}, stackProps),
            React.createElement(Button, { icon: "share", href: "https://developer.microsoft.com/en-us/fluentui", content: "Root: Implicit 'a' via href prop" }),
            React.createElement(Button, { icon: "share", content: "Root: Function", slots: { root: { render: function (rootProps, DefaultComponent) { return React.createElement(DefaultComponent, __assign({}, rootProps)); } } } })));
    };
    return SlotsRootExample;
}(React.Component));
export { SlotsRootExample };
//# sourceMappingURL=Slots.Root.Example.js.map