define(["require", "exports", "tslib", "react", "@uifabric/experiments"], function (require, exports, tslib_1, React, experiments_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var tokens1 = {
        pillHoveredBackground: 'black',
        textColor: 'red',
    };
    var tokens2 = {
        pillBackground: 'orange',
        pillJustifyContent: 'center',
        textColor: 'purple',
        thumbBackground: 'green',
    };
    var tokens3 = {
        pillBackground: 'dimgrey',
        pillBorderColor: 'brown',
        textColor: 'darkred',
    };
    var ToggleTokensObjectExample = /** @class */ (function (_super) {
        tslib_1.__extends(ToggleTokensObjectExample, _super);
        function ToggleTokensObjectExample() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        ToggleTokensObjectExample.prototype.render = function () {
            return (React.createElement("div", null,
                React.createElement(experiments_1.Toggle, { defaultChecked: true, label: "Example 1", onText: "On", offText: "Off", onChange: this._onChange, tokens: tokens1 }),
                React.createElement(experiments_1.Toggle, { defaultChecked: false, label: "Example 2", onText: "On", offText: "Off", onChange: this._onChange, tokens: tokens2 }),
                React.createElement(experiments_1.Toggle, { defaultChecked: true, disabled: true, label: "Example 3", onText: "On - Disabled", offText: "Off", tokens: tokens3 })));
        };
        ToggleTokensObjectExample.prototype._onChange = function (ev, checked) {
            console.log('toggle is ' + (checked ? 'checked' : 'not checked'));
        };
        return ToggleTokensObjectExample;
    }(React.Component));
    exports.ToggleTokensObjectExample = ToggleTokensObjectExample;
});
//# sourceMappingURL=Toggle.Tokens.Object.Example.js.map