인프런 커뮤니티 질문&답변

import React from 'react';
import { colors } from "@/constants";
import {StyleSheet, TextInput, View,Text, TextInputProps} from 'react-native';

interface InputFieldProps extends TextInputProps{
label?:string;
variant?: "filled" | "standard" | "outlined";
}

function InputField({label, variant = "filled", ...props }: InputFieldProps) {
  return (
    <View>
        {label && <Text style={styles.label}>{label}</Text>}
        <View style={[styles.container, styles[variant]]}>
        <TextInput style={styles.input} {...props} />
        </View>
    </View>
  );
}

const styles = StyleSheet.create({
    container:{
        height:44,
        borderRadius:8,
        paddingHorizontal:10,
        justifyContent:"center",
        alignItems:"center",
    },
    label:{
        fontSize:12,
        color: colors.GRAY_700,
        marginBottom:5,
    },
    filled:{
        backgroundColor: colors.GRAY_100,
    },
    standard: {},
    outline: {},
    input: {
        fontSize:16,
        padding: 0,
        flex:1,
    },
});

export default InputField;

도와주세요,,선생님 ㅠㅠ