import React from 'react'

import InputWrapper from './inputWrapper'

type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
  label: string
}

export default function Input(props: InputProps) {
  const { label, name, required, type = 'text', ...rest } = props

  return (
    <InputWrapper label={label} name={name} required={required}>
      <input
        type={type}
        required={required}
        className="input-text"
        id={name}
        name={name}
        {...rest}
      />
    </InputWrapper>
  )
}