let { TextField, MaskedTextField, Fabric } = window.Fabric;

class TextFieldBasicExample extends React.Component<any, any> {
  public render(): JSX.Element {
    return (
      <div className="docs-TextFieldExample">
        <TextField label="Standard" />
        <TextField label="Disabled" disabled={true} />
        <TextField label="Read Only" readOnly={true} />
        <TextField label="Required " required={true} />
        <TextField label="With error message" errorMessage="Error message" />
        <MaskedTextField label="With number mask" mask="99999" />
        <MaskedTextField label="With input mask" mask="m\ask: (999) 999 - 9999" />
      </div>
    );
  }
}

ReactDOM.render(<TextFieldBasicExample />, document.getElementById('content'));
