export default function Input({className, name, label, type, placeholder=""}){
    return(
        <div className="flex flex-col w-full items-center">
            <label htmlFor={ name } className="pb-1">{ label }</label>
            <input type={ type } id={ name+'_input' } name={ name } placeholder={ placeholder } className="text-center w-full active:ring-0 focus:outline-0 transition focus:border-red-300 border-2 rounded-lg p-2 px-4"/>
            
        </div>
    )
}