import { moderateScale } from 'react-native-size-matters';
import styled from 'styled-components/native';
import { getTheme, ifStyle } from '../../utils/helpers';
import Touchable from '../Touchable';
const textColor = getTheme('text.main');
const checkedRadioColor = getTheme('brand.primary.main');
const smBorderWidth = getTheme('borderWidth.sm');
const hasColor = ifStyle('radioButtonColor');
const hasCheckedColor = ifStyle('checkedRadioButtonColor');
export const Radio = styled(Touchable) `
  width: ${({ size }) => moderateScale(size)}px;
  height: ${({ size }) => moderateScale(size)}px;
  border-radius: ${({ size }) => moderateScale(size / 2)}px;
  border: ${smBorderWidth}px
    ${({ radioButtonColor }) => hasColor(radioButtonColor, textColor)}${hasColor('', '4D')};
  align-items: center;
  justify-content: center;
`;
export const CheckedRadio = styled.View `
  width: ${({ internalSize }) => moderateScale(internalSize)}px;
  height: ${({ internalSize }) => moderateScale(internalSize)}px;
  background-color: ${({ checkedRadioButtonColor }) => hasCheckedColor(checkedRadioButtonColor, checkedRadioColor)};
  border-radius: ${({ internalSize }) => moderateScale(internalSize / 2)}px;
`;
//# sourceMappingURL=styles.js.map