lucid-ui/dist/cjs/components/SwitchLabeled/examples/interactive-default.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: false,
            bluetooth: false,
            cellularData: false,
        };
    },
    handleSelectedAirplaneMode: function (isSelected) {
        this.setState({
            airplaneMode: isSelected,
        });
    },
    handleSelectedBluetooth: function (isSelected) {
        this.setState({
            bluetooth: isSelected,
        });
    },
    handleSelectedCellularData: function (isSelected) {
        this.setState({
            cellularData: isSelected,
        });
    },
    render: function () {
        return (react_1.default.createElement("section", null,
            react_1.default.createElement("p", null,
                react_1.default.createElement("em", null,
                    "(Use the styles on the parent container of",
                    ' ',
                    react_1.default.createElement("code", null, "SwitchLabeled"),
                    " components to ensure only the switches and their labels are clickable)")),
            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, onSelect: this.handleSelectedAirplaneMode, style: style },
                    react_1.default.createElement(index_1.SwitchLabeled.Label, null, "Airplane Mode")),
                react_1.default.createElement(index_1.SwitchLabeled, { isSelected: this.state.bluetooth === true, onSelect: this.handleSelectedBluetooth, style: style },
                    react_1.default.createElement(index_1.SwitchLabeled.Label, null, "Bluetooth")),
                react_1.default.createElement(index_1.SwitchLabeled, { isSelected: this.state.cellularData === true, onSelect: this.handleSelectedCellularData, style: style },
                    react_1.default.createElement(index_1.SwitchLabeled.Label, null, "Cellular Data")))));
    },
});
//# sourceMappingURL=interactive-default.js.map