content: import React from 'react';
  import PropTypes from 'prop-types';
  import kb from '../src/kb-ui';
  import { withState, compose } from 'recompose';
  
  import FormDemo from './FormDemo';
  
  const form = kb.form().fields([
    kb.field('id').readOnly(true).defaultValue('asdf-1234-qwerty-567890'),
    kb.field('name'),
    kb.field('email'),
    kb.field('suspened', 'bool')
  ]);
  
  const formDef = `const form = kb.form().fields([
    kb.field('id').readOnly(true).defaultValue('asdf-1234-qwerty-567890'),
    kb.field('name'),
    kb.field('email'),
    kb.field('suspened', 'bool')
  ]);`;
  
  const model = {
    email: 'user@test.com',
    profile: {
      bio: '<p>Hello, World!</p>',
      website: {
        url: 'https://github.com/de44',
        text: 'de44 on Github'
      }
    }
  };
  
  const SimpleUserFormDemo = () => {
    return (
      <div className="SimpleUserFormDemo">
        <FormDemo form={form} formDef={formDef} model={model} />
      </div>
    );
  };
  
  
  export default SimpleUserFormDemo;
  