import React from "react";
import ReactDOM from "react-dom";
import { FormOnSubmitCallback } from "@simplr/react-forms-dom/contracts";
import { Form, Text, Submit } from "@simplr/react-forms-dom";

export class App extends React.Component<{}, {}> {
    onSubmit: FormOnSubmitCallback = (event, store) => {
        console.log(store.ToObject());
    };

    render() {
        return <Form onSubmit={this.onSubmit}>
            <Text name="Name" />
            <Text name="Surname" />
            <Text name="Age" />
            <Submit>Submit form</Submit>
        </Form>;
    }
}
ReactDOM.render(<App />, document.getElementById("react-app"));