import {COLORS} from '@shared/colors';

import {TextVariant} from './Text';

export const INPUT_SPACING = {
  height: 36,
  commonSpacing: 8,
  containerHeight: 60,
  paddingHorizontal: 12,
  containerMargin: 24,
  fontSize: 16,
  borderWidth: 1,
  halfSpacing: 4,
  doubleSpacing: 16,
  borderRadius: 8,
  materialLabelSize: 12,
  animatedLabelPosition: 18,
  elevatedLabelPosition: 8,
  inputVariant: 'subtitle1' as TextVariant,
};

export const INPUT_COLORS = {
  background: COLORS.WHITE,
  border: COLORS.TRANSPARENT_BLACK_FOUR,
  focused: COLORS.PRIMARY,
  icon: COLORS.GRAY_TWENTY_EIGHT,
  error: COLORS.ERROR,
  label: COLORS.GRAY_THIRTY_THREE,
  disabled: COLORS.TRANSPARENT_GRAY_TWO,
};
