import React from 'react';
import uniqid from 'uniqid';

const Input = ({ className, label, ...props }) => {

    const uid = uniqid();

    return (
        <div className='flex flex-col'>
            {label &&
                <label className='mb-3 text-white ' htmlFor={uid}>{label}</label>
            }
            <input id={uid} className={['bg-white rounded-md py-3 px-5 text-base text-gray-800', className].join(' ')} {...props} type="text" />
        </div>
    );
}

export default Input;
