lucid-ui/dist/cjs/components/SwitchLabeled/examples/interactive-with-changing-labels.js

A UI component library from AppNexus.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var create_react_class_1 = __importDefault(require("create-react-class"));
var index_1 = require("../../../index");
var style = {
    marginBottom: '3px',
};
exports.default = create_react_class_1.default({
    getInitialState: function () {
        return {
            airplaneMode: true,
            bluetooth: true,
            cellularData: true,
            spam: true,
        };
    },
    handleSelectedAirplaneMode: function (isSelected) {
        this.setState({
            airplaneMode: isSelected,
        });
    },
    handleSelectedBluetooth: function (isSelected) {
        this.setState({
            bluetooth: isSelected,
        });
    },
    handleSelectedCellularData: function (isSelected) {
        this.setState({
            cellularData: isSelected,
        });
    },
    handleSelectedSpam: function (isSelected) {
        this.setState({
            spam: isSelected,
        });
    },
    render: function () {
        var spamSwitchLabel = this.state.spam
            ? 'Yes! I would like to receive updates, special offers, and other information from AppNexus and its subsidiaries.'
            : 'No! Please keep your wicked, dirty spam all to yourselves!';
        return (react_1.default.createElement("section", null,
            react_1.default.createElement("span", { style: {
                    display: 'inline-flex',
                    flexDirection: 'column',
                    alignItems: 'flex-start',
                } },
                react_1.default.createElement(index_1.SwitchLabeled, { isSelected: this.state.airplaneMode === true, Label: "Airplane Mode " + (this.state.airplaneMode === true ? 'Activated' : 'Deactivated'), onSelect: this.handleSelectedAirplaneMode, style: style }),
                react_1.default.createElement(index_1.SwitchLabeled, { isSelected: this.state.bluetooth === true, Label: "Bluetooth " + (this.state.bluetooth === true ? 'Enabled' : 'Disabled'), onSelect: this.handleSelectedBluetooth, style: style }),
                react_1.default.createElement(index_1.SwitchLabeled, { isSelected: this.state.cellularData === true, Label: (this.state.cellularData ? 'Use' : 'Do Not Use') + " Cellular Data", onSelect: this.handleSelectedCellularData, style: style })),
            react_1.default.createElement("br", null),
            react_1.default.createElement(index_1.SwitchLabeled, { isSelected: this.state.spam === true, onSelect: this.handleSelectedSpam, style: style },
                react_1.default.createElement(index_1.SwitchLabeled.Label, null, spamSwitchLabel))));
    },
});
//# sourceMappingURL=interactive-with-changing-labels.js.map