import {StyleSheet} from 'react-native';

import {INPUT_COLORS, INPUT_SPACING} from './constants';

export const componentStyles = StyleSheet.create({
  helperTextStyle: {
    marginLeft: INPUT_SPACING.commonSpacing,
    marginTop: INPUT_SPACING.halfSpacing,
  },
  inputContainerBase: {
    backgroundColor: INPUT_COLORS.background,
    borderColor: INPUT_COLORS.border,
    borderRadius: INPUT_SPACING.borderRadius,
    borderWidth: 1,
    justifyContent: 'center',
  },
  inputDisabled: {backgroundColor: INPUT_COLORS.disabled},
});
