커피챗 질문

• 두 개 input이 비슷해 보여서 Input 컴포넌트를 만들어서 공통된 부분을 줄이려 했는데 props로 넘기는 값이 너무 많아서 Input 컴포넌트를 따로 생성해도 코드의 길이가 비슷합니다. 그래도 Input 컴포넌트를 만드는게 좋은 방법인가요?
• props로 넘겨주면 데이터 타입도 문제..
• register는 react-hook-form 라이브러리

<input
  {...register('fullName', {
    required: '이름을 입력해 주세요.',
    validate: (value: string) =>
       value === 'admin' ? 'admin으로 이름을 생성할 수 없습니다.' : true,
	})}
  type="text"
  autoComplete="off"
  placeholder="이름을 입력해 주세요."
  className="input input-bordered text-center"
/>

<input
  {...register('email', {
    required: '이메일을 입력해 주세요.',
    pattern: {
      value: /^[A-Za-z0-9+-_.]+@[A-Za-z]+\.com$|\.co.kr$|\.net$|\.kr$/,
      message: '정확한 이메일 주소를 넣어 주세요.',
    },
  })}
  type="text"
  autoComplete="off"
  placeholder="이메일을 입력해 주세요."
  className="input input-bordered text-center"
/>
----------------------Input 컴포넌트 만들었을 때,-------------------------------
<Input
  inputName="이름"
  placeholder="이름을 입력해주세요"
  label="fullName"
  register={register}
  required
  validate={(value: string) =>
    value === 'admin' ? 'admin으로 이름 생성 불가' : true
  }
/>

<Input
          inputName="이메일"
          placeholder="이메일을 입력해주세요"
          label="email"
          register={register}
          required
          patternvalue={{
            value: /^[A-Za-z0-9+-_.]+@[A-Za-z]+\.com$/,
            message: '정확한 이메일 주소를 넣어주세요',
          }}
        />