/**
 * @class Ext.layout.Form
 * @extend Ext.layout.Auto
 * @alias layout.form
 * Form layout renders a single column of form fields, all with the same
 * {@link #labelWidth label width}.  The default behavior is to size all labels to the
 * width of the label with the longest text, but the width of the labels can also be
 * configured.
 *
 * The following example uses label-auto-widthing to size all labels to the width of the
 * largest label.
 *
 *     @example packages=[reactor]
 *     import React, { Component } from 'react';
 *     import { ExtReact, Button, FormPanel, TextField } from '@sencha/ext-react';
 *
 *     export default class myExample extends Component {
 *         render() {
 *             return (
 *                 <ExtReact>
 *                     <FormPanel title="Form Panel">
 *                         <TextField label="First Name"/>
 *                         <TextField label="Last Name"/>
 *                         <TextField label="Account Number"/>
 *                         <Button text="Submit">
 *                     </FormPanel>
 *                 </ExtReact>
 *             )
 *         }
 *     }
 */
 
/**
 * @cfg {Number} [itemSpacing=null]
 * The amount of space, in pixels, around each form field. Defaults to the value
 * inherited from the theme's stylesheet as configured by
 * {@link Ext.layout.Form#$layout-form-item-spacing $layout-form-item-spacing}.
 * @accessor
 */
 
/**
 * @cfg {Number/String} [labelWidth='null']
 * The width of the labels. This can be either a number in pixels, or a valid CSS
 * "width" style, e.g. `'100px'`, or `'30%'`.  When configured, all labels will assume
 * this width, and any {@link Ext.form.Labelable#labelWidth labelWidth} specified
 * on the items will be ignored.
 *
 * The default behavior of this layout when no no labelWidth is specified is to size
 * the labels to the text-width of the label with the longest text.
 * @accessor
 */