(function() {
  var GlassSurface = window.GlassSurface;

  function GlassInput(props) {
    var value = props.value;
    var onChange = props.onChange;
    var placeholder = props.placeholder;
    var type = props.type || 'text';
    var name = props.name;
    var id = props.id;
    var className = props.className || '';
    var icon = props.icon;
    var disabled = props.disabled;
    var autoComplete = props.autoComplete;
    var required = props.required;

    return React.createElement(GlassSurface, {
      elevation: 1,
      radius: 'md',
      className: 'glass-input-wrap ' + className,
      tone: 'adaptive'
    },
      React.createElement(React.Fragment, null,
        icon,
        React.createElement('input', {
          className: 'glass-input',
          type: type,
          id: id,
          name: name,
          value: value,
          onChange: onChange,
          placeholder: placeholder,
          disabled: disabled,
          autoComplete: autoComplete,
          required: required
        })
      )
    );
  }

  window.GlassInput = GlassInput;
})();