import { StyleSheet } from 'react-native';
import { colors } from './colors';

export const inputStyles = StyleSheet.create({
  input: {
    paddingVertical: 18,
    paddingHorizontal: 23,
    backgroundColor: colors.lightGray,
    borderRadius: 8,
    borderColor: colors.dark,
    borderWidth: 1,
    color: colors.dark,
    width: '100%',
    minHeight: 64,
  },
  inputFocusErrorState: {
    borderWidth: 2,
    borderStyle: 'solid',
    borderColor: colors.red,
  },
  inputFocusState: {
    borderWidth: 2,
    borderStyle: 'solid',
    borderColor: colors.primary,
  },
});