"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Label = exports.CheckBox = exports.containerStyle = exports.Wrapper = void 0;
const tslib_1 = require("tslib");
const react_native_check_box_1 = tslib_1.__importDefault(require("react-native-check-box"));
const native_1 = tslib_1.__importDefault(require("styled-components/native"));
const theme_toolkit_1 = require("@platformbuilders/theme-toolkit");
const Touchable_1 = tslib_1.__importDefault(require("../Touchable"));
const Typography_1 = tslib_1.__importDefault(require("../Typography"));
const infoMain = (0, theme_toolkit_1.getTheme)('info.main');
const textColor = (0, theme_toolkit_1.getTheme)('text.main');
const spacingSm = (0, theme_toolkit_1.getTheme)('spacing.sm');
const opacityOverlay = (0, theme_toolkit_1.getTheme)('opacity.overlay');
exports.Wrapper = (0, native_1.default)(Touchable_1.default) `
  flex-direction: row;
  align-items: center;
`;
exports.containerStyle = {
    marginBottom: 0,
};
exports.CheckBox = (0, native_1.default)(react_native_check_box_1.default).attrs((props) => ({
    checkBoxColor: `${infoMain(props)}`,
    checkedCheckBoxColor: `${infoMain(props)}`,
})) ``;
exports.Label = (0, native_1.default)(Typography_1.default).attrs({
    variant: 'md',
}) `
  flex-direction: row;
  color: ${textColor};
  opacity: ${opacityOverlay};
  margin-left: ${spacingSm}px;
`;
//# sourceMappingURL=styles.js.map