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

export const Container = styled.View`
   align-self: center;
   justify-content: center;
   align-content: center;
   margin: ${RSValue(20)}px ${RSValue(15)}px;
`;

export const TextP = styled(TextNative).attrs({
   bold: true,
})`
   font-size: ${RFValue(15)}px;
   align-self: center;
   text-align: center;
   margin-top: ${RSValue(10)}px;
   margin-bottom: ${RSValue(5)}px;
`;

export const RetryBtn = styled(Pressable)`
   padding: ${RSValue(10)}px ${RSValue(30)}px;
`;

export const RetryTextBtn = styled(TextNative).attrs({
   bold: true,
})`
   color: ${(props) => props.theme.red};
   font-size: ${RFValue(15)}px;
   align-self: center;
   text-transform: uppercase;
`;
