import {StyleSheet} from 'react-native';
import {isIos} from '@shared/utils';
import {SPACING} from '@shared/theme';

import {TYPOGRAPHY_STYLES} from '../Typography';

export const styles = StyleSheet.create({
  textInput: {
    flex: 1,
    height: SPACING.x3,
    margin: 0,
    padding: 0,
    /**
     * There is a internal paddingTop in iOS that needs to be replaced to fit the text in the center
     */
    paddingTop: isIos ? 2 : 0,
    ...TYPOGRAPHY_STYLES.s,
    lineHeight: undefined,
  },
  multiline: {
    height: 'auto',
    minHeight: SPACING.x3,
  },
});
