import styled from 'styled-components';
import { RFValue } from '../../RFValue';
import { TextNative } from '../../TextNative';
import { Pressable } from '../../Pressable';

export const CheckboxStyle = styled(Pressable)<any>`
   flex-direction: row;
   align-items: center;
   padding-top: 3px;
   padding-bottom: 3px;
`;

export const TitleText = styled(TextNative).attrs({ bold: true })<any>`
   font-size: ${RFValue(14)}px;
   color: #535353;
`;

export const TextError = styled(TextNative).attrs({ bold: true })<any>`
   color: ${(props) => props.theme.red || 'crimson'};
   font-size: ${RFValue(14)}px;
`;