"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.AntSwitch = void 0;
var material_1 = require("@mui/material");
var styles_1 = require("@mui/styles");
var colors_1 = require("../../base/colors");
exports.AntSwitch = styles_1.withStyles(function (theme) { return ({
    root: {
        width: 28,
        height: 16,
        padding: 0,
        margin: 10,
        borderRadius: 10,
    },
    switchBase: {
        padding: 2,
        color: colors_1.green.standard,
        "&$checked": {
            transform: "translateX(12px)",
            color: "white",
            "& + $track": {
                opacity: 1,
                backgroundColor: theme.palette.primary.main,
                borderColor: theme.palette.primary.main,
            },
        },
    },
    thumb: {
        width: 12,
        height: 12,
        boxShadow: "none",
        color: "white",
    },
    track: {
        border: "1px solid " + colors_1.grey.light,
        borderRadius: 16 / 2,
        opacity: 1,
        backgroundColor: colors_1.grey.light,
    },
    checked: {},
}); })(material_1.Switch);
//# sourceMappingURL=AntSwitch.js.map