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

export const styles = StyleSheet.create({
  container: {
    /**
     * On Android, this `marginBottom` allows the KeyboardAwareScrollView on the screen to scroll down correctly
     * as the RichText editor content grows, preventing the editor's text from being obscured by the keyboard
     */
    marginBottom: isAndroid ? SPACING.x3 : SPACING.x2,
  },
  richText: {minHeight: 80},
  input: {
    fontSize: 16,
    marginTop: SPACING.x2,
    paddingBottom: 50,
  },
});
