import React, {ReactNode} from 'react';

type FormFieldProps = {
    children?: ReactNode
    label?: string
    error?: string
}

const FormField = ({children, label, error}: FormFieldProps) => {

    return (
        <div className={`form-field ${error && 'hasError'}`}>
            <label>{label}</label>

            {children}
            {
                error && <p>{error}</p>
            }
        </div>
    );
}

export default FormField;