import { h } from 'preact';
import Input from './Input';
import TextAreaInput from './TextAreaInput';

export default function(props) {
    return (
        <div>
            <TextAreaInput
                name="address"
                text="Adresse"
                onchange={props.onChange}
                value={props.address}
            />
            <Input
                name="subject"
                text="Betreff"
                onchange={props.onChange}
                value={props.subject}
            />
            <Input
                name="yourRef"
                text="Ihr Zeichen"
                onchange={props.onChange}
                value={props.yourRef}
            />
            <Input
                name="yourMail"
                text="Ihr Schreiben vom"
                onchange={props.onChange}
                value={props.yourMail}
            />
            <Input
                name="customer"
                text="Kundernummer"
                onchange={props.onChange}
                value={props.customer}
            />
            <Input
                name="invoice"
                text="Rechnung"
                onchange={props.onChange}
                value={props.invoice}
            />
            <Input
                name="yourMail"
                text="Ihr Schreiben vom"
                onchange={props.onChange}
                value={props.yourMail}
            />
            <Input
                name="date"
                text="Datum"
                onchange={props.onChange}
                value={props.date}
            />
            <Input
                name="opening"
                text="Anrede"
                onchange={props.onChange}
                value={props.opening}
            />
            <TextAreaInput
                name="body"
                text="Brieftext"
                onchange={props.onChange}
                value={props.body}
            />
            <Input
                name="closing"
                text="Grußformel"
                onchange={props.onChange}
                value={props.closing}
            />
        </div>
    );
};