define(["require", "exports", "react", "@fluentui/react/lib/Icon", "@fluentui/react/lib/Stack", "@fluentui/react/lib/Toggle", "@fluentui/react/lib/Tooltip"], function (require, exports, React, Icon_1, Stack_1, Toggle_1, Tooltip_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.ToggleCustomLabelExample = void 0;
    var stackTokens = { childrenGap: 10 };
    var ToggleCustomLabelExample = function () {
        return (React.createElement(Stack_1.Stack, { tokens: stackTokens },
            React.createElement(Toggle_1.Toggle, { label: React.createElement("div", null,
                    "Custom label",
                    ' ',
                    React.createElement(Tooltip_1.TooltipHost, { content: "Info tooltip" },
                        React.createElement(Icon_1.Icon, { iconName: "Info", "aria-label": "Info tooltip" }))), onText: "On", offText: "Off", onChange: _onChange }),
            React.createElement(Toggle_1.Toggle, { label: React.createElement("div", null,
                    "Custom inline label",
                    ' ',
                    React.createElement(Tooltip_1.TooltipHost, { content: "Info tooltip" },
                        React.createElement(Icon_1.Icon, { iconName: "Info", "aria-label": "Info tooltip" }))), inlineLabel: true, onText: "On", offText: "Off", onChange: _onChange })));
    };
    exports.ToggleCustomLabelExample = ToggleCustomLabelExample;
    function _onChange(ev, checked) {
        console.log('toggle is ' + (checked ? 'checked' : 'not checked'));
    }
});
//# sourceMappingURL=Toggle.CustomLabel.Example.js.map