import React, { ChangeEvent } from 'react';
import './Input.css'

export function Input({children, name, value, onChange}: {
    children?: string;
    name: string;
    value: string;
    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
}) {
    return (
        <>
            <label htmlFor={name}>{children}</label>
            <input type="text" value={value} onChange={onChange} placeholder={children} id={name} name={name}/>
        </>
    );
}
