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

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

    const uid = uniqid();

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

export default Textarea;
