"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var office_ui_fabric_react_1 = require("office-ui-fabric-react");
var fluent_theme_1 = require("@uifabric/fluent-theme");
var FluentThemeBasicExample = /** @class */ (function (_super) {
    tslib_1.__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(office_ui_fabric_react_1.Customizer, tslib_1.__assign({}, fluent_theme_1.FluentCustomizations), this._renderComponents())));
    };
    FluentThemeBasicExample.prototype._renderComponents = function () {
        return (React.createElement("div", null,
            React.createElement(office_ui_fabric_react_1.Link, { disabled: true }, "Disabled link"),
            React.createElement(office_ui_fabric_react_1.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));
exports.FluentThemeBasicExample = FluentThemeBasicExample;
//# sourceMappingURL=FluentTheme.Basic.Example.js.map