export function LabeledLargeTextField(labelText, value) {
  var domElement = createElement();
  WidgetRole.apply(this, [domElement]);

  var textarea = createTextareaElement(value);
  var label = new FieldLabel(labelText, [textarea]);
  label.appendTo(domElement);

  this.focus = delegateTo(textarea, 'focus');
  this.getValue = delegateTo(textarea, 'value');
}

function createLabel(labelText, select) {
  var style = {
    marginBottom: '6px'
  };

  var label = new FieldLabel(labelText, [select]);

  label.setStyle(style);

  return label;
}

export function LabeledDateField(labelText, value) {
  var domElement = createElement();
  WidgetRole.apply(this, [domElement]);

  var input = new DateField(value);
  var label = new FieldLabel(labelText, [input]);
  label.appendTo(domElement);

  this.getValue = delegateTo(input, 'getValue');
  this.focus = delegateTo(input, 'focus');
  this.setStyle = delegateTo(input, 'setStyle');
}

function addLabel(domElement, labelText, input) {
  var label = new FieldLabel(labelText, [input]);
  label.appendTo(domElement);
}