import { View, Text, TextInputProps, TextInput } from 'react-native'
import React, {ComponentProps, forwardRef} from 'react'
import { Input, InputField } from '@gluestack-ui/themed';
import Colors from '../constants/Colors';
import { globalStyles } from '../constants/styles';

const WelcomeInput = React.forwardRef<TextInput, ComponentProps<typeof InputField>>((props, ref)=>{
  return (
    <Input borderWidth={0} size="xl" style={{width:'100%'}}>
      <InputField
        fontSize={25}
        numberOfLines={1}
        maxLength={50}
        style={{width:'100%'}}
        scrollEnabled={false}
        fontWeight="bold"
        color={Colors["dark"].redText}
        placeholderTextColor={Colors["dark"].redText}
        cursorColor={Colors["dark"].redText}
        paddingLeft={0}
        ref={ref as any}
        {...props}
      />
    </Input>
  );
});

export default WelcomeInput;