import React, { Component } from "react";
import { render } from "react-dom";

import { JsonUiRenderer } from 'afc-renderer';
import { registry } from 'afc-web-components';

const Form = JsonUiRenderer(registry);

const schema = {
  title: "Todo",
  type: "object",
  required: ["title"],
  properties: {
    title: {type: "string", title: "Title", default: "A new task"},
    done: {type: "boolean", title: "Done?", default: false}
  }
};

const log = (type) => console.log.bind(console, type);

render((
  <Form schema={schema}
        onChange={log("changed")}
        onSubmit={log("submitted")}
        onError={log("errors")} />
), document.getElementById("app"));