import { __assign, __extends } from "tslib";
import * as React from 'react';
import { Link, Customizer, Breadcrumb } from 'office-ui-fabric-react';
import { FluentCustomizations } from '@uifabric/fluent-theme';
var FluentThemeBasicExample = /** @class */ (function (_super) {
    __extends(FluentThemeBasicExample, _super);
    function FluentThemeBasicExample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    FluentThemeBasicExample.prototype.render = function () {
        return (React.createElement("div", null,
            React.createElement("h2", null, "Current theme"),
            this._renderComponents(),
            React.createElement("h2", null, "Fluent color theme"),
            React.createElement(Customizer, __assign({}, FluentCustomizations), this._renderComponents())));
    };
    FluentThemeBasicExample.prototype._renderComponents = function () {
        return (React.createElement("div", null,
            React.createElement(Link, { disabled: true }, "Disabled link"),
            React.createElement(Breadcrumb, { items: [
                    { text: 'Files', key: 'Files' },
                    { text: 'This is folder 1', key: 'f1' },
                    { text: 'This is folder 2', key: 'f2' },
                    { text: 'This is folder 3', key: 'f3', isCurrentItem: true },
                ] })));
    };
    return FluentThemeBasicExample;
}(React.Component));
export { FluentThemeBasicExample };
//# sourceMappingURL=FluentTheme.Basic.Example.js.map