import DefaultCheckbox from 'react-native-check-box';
import styled from 'styled-components/native';
import { getTheme } from '../../utils/helpers';
import TypographyComponent from '../Typography';
const primaryColor = getTheme('brand.primary.main');
const textColor = getTheme('text.main');
const checkColor = getTheme('brand.tertiary.light');
const spacingSm = getTheme('spacing.sm');
const opacityOverlay = getTheme('opacity.overlay');
export const Wrapper = styled.View `
  flex-direction: row;
  align-items: center;
`;
export const containerStyle = {
    marginBottom: 0,
};
export const CheckBox = styled(DefaultCheckbox).attrs((props) => ({
    checkBoxColor: `${checkColor(props)}`,
    checkedCheckBoxColor: `${primaryColor(props)}`,
})) ``;
export const Label = styled(TypographyComponent).attrs({
    variant: 'md',
}) `
  flex-direction: row;
  color: ${textColor};
  opacity: ${opacityOverlay};
  margin-left: ${spacingSm}px;
`;
//# sourceMappingURL=styles.js.map