"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.SwitchButton = void 0;
const tslib_1 = require("tslib");
const native_1 = tslib_1.__importDefault(require("styled-components/native"));
const theme_toolkit_1 = require("@platformbuilders/theme-toolkit");
const primaryMain = (0, theme_toolkit_1.getTheme)('brand.primary.main');
const backgroundZ4 = (0, theme_toolkit_1.getTheme)('background.z4');
const backgroundZ3 = (0, theme_toolkit_1.getTheme)('background.z3');
exports.SwitchButton = native_1.default.Switch.attrs((props) => {
    const { value, thumbColorProps, trackColorProps } = props;
    const activeColor = thumbColorProps?.trueColor || primaryMain(props);
    const inactiveColor = thumbColorProps?.falseColor || backgroundZ4(props);
    //
    const falseTrackColor = trackColorProps?.falseColor || `${backgroundZ3(props)}`;
    const trueTrackColor = trackColorProps?.trueColor || `${activeColor}30`;
    const iosBackgroundColor = trackColorProps?.falseColor || `${inactiveColor}4D`;
    return {
        thumbColor: value ? activeColor : inactiveColor,
        trackColor: {
            false: falseTrackColor,
            true: trueTrackColor,
        },
        ios_backgroundColor: iosBackgroundColor,
    };
}) ``;
//# sourceMappingURL=styles.js.map