@safewaystore/native-ui/src/components/text-input/styles.ts

A awesome React Native UI by SafeWay Store.

import styled from 'styled-components/native';

import colors from '@safewaystore/native-ui/src/utils/colors/colors';

export const InputWrapper = styled.View`
  border: 1px solid #aaa;
  border-radius: 3px;
`;

export const Label = styled.Text`
  background-color: #fff;
  color: ${colors.gray[700]};
  font-size: 12.5px;
  left: 5px;
  padding-horizontal: 4px;
  position: absolute;
  top: -10px;
`;

export const TextInput = styled.TextInput`
  padding: 7.5px;
`;

export const Hint = styled.Text`
  color: ${colors.gray[500]};
  font-size: 12px;
  font-style: italic;
  margin-top: 1px;
`;