import { Dimensions } from 'react-native'
import styled from 'styled-components/native'

export const Container = styled.View`
  flex: 1;
  align-items: center;
  justify-content: center;
`

export const ImageTest = styled.Image.attrs({
  resizeMode: 'contain',
})`
  width: ${Dimensions.get('window').width * 0.5}px;
  height: 100px;
`

export const TextTest = styled.Text`
  font-size: 20px;
  color: ${({ theme }) => theme.colors.primary};
`
export const TextSecondary = styled.Text`
  color: ${({ theme }) => theme.colors.secondary};
`