How to use the grommet-icons.Close function in grommet-icons

var IconPlain = function IconPlain() {
  return _react["default"].createElement(_grommet.Grommet, {
    theme: _themes.grommet
  }, _react["default"].createElement(_grommet.Box, {
    align: "center",
    pad: "large"
  }, _react["default"].createElement(_grommet.Text, {
    margin: "small"
  }, " plain=true (no padding, no border) "), _react["default"].createElement(_grommet.Box, {
    direction: "row"
  }, _react["default"].createElement(_grommet.Button, {
    plain: true,
    icon: _react["default"].createElement(_grommetIcons.Close, null),
    onClick: function onClick() {},
    primary: true
  }), _react["default"].createElement(_grommet.Button, {
    plain: true,
    icon: _react["default"].createElement(_grommetIcons.Send, null),
    onClick: function onClick() {}
  }), _react["default"].createElement(_grommet.Button, {
    plain: true,
    icon: _react["default"].createElement(_grommetIcons.User, null),
    onClick: function onClick() {}
  }))), _react["default"].createElement(_grommet.Box, {
    align: "center",
    pad: "large"
  }, _react["default"].createElement(_grommet.Text, {
    margin: "small"
  }, " plain=false (includes padding and border)"), _react["default"].createElement(_grommet.Box, {

icon: _react["default"].createElement(_grommetIcons.Send, null),
    onClick: function onClick() {}
  }), _react["default"].createElement(_grommet.Button, {
    plain: true,
    icon: _react["default"].createElement(_grommetIcons.User, null),
    onClick: function onClick() {}
  }))), _react["default"].createElement(_grommet.Box, {
    align: "center",
    pad: "large"
  }, _react["default"].createElement(_grommet.Text, {
    margin: "small"
  }, " plain=false (includes padding and border)"), _react["default"].createElement(_grommet.Box, {
    direction: "row"
  }, _react["default"].createElement(_grommet.Button, {
    plain: false,
    icon: _react["default"].createElement(_grommetIcons.Close, null),
    onClick: function onClick() {},
    primary: true
  }), _react["default"].createElement(_grommet.Button, {
    plain: false,
    icon: _react["default"].createElement(_grommetIcons.Send, null),
    onClick: function onClick() {}
  }), _react["default"].createElement(_grommet.Button, {
    plain: false,
    icon: _react["default"].createElement(_grommetIcons.User, null),
    onClick: function onClick() {}
  }))), _react["default"].createElement(_grommet.Box, {
    align: "center",
    pad: "large"
  }, _react["default"].createElement(_grommet.Text, {
    margin: "small"
  }, " plain=undefined (with padding, no border) "), _react["default"].createElement(_grommet.Box, {

var DropContent = function DropContent(_ref) {
  var onClose = _ref.onClose;
  return _react2.default.createElement(
    _Box2.default,
    { pad: 'small' },
    _react2.default.createElement(
      _Box2.default,
      { direction: 'row', justify: 'between', align: 'center' },
      _react2.default.createElement(
        _Heading2.default,
        { level: 3, margin: 'small' },
        'Heading'
      ),
      _react2.default.createElement(_Button2.default, { icon: _react2.default.createElement(_grommetIcons.Close, null), onClick: onClose })
    ),
    _react2.default.createElement(
      _Text2.default,
      null,
      'Content'
    )
  );
};

tag: 'form',
              fill: 'vertical',
              overflow: 'auto',
              width: 'medium',
              pad: 'medium',
              onSubmit: this.onClose
            },
            _react2.default.createElement(
              _.Box,
              { flex: false, direction: 'row', justify: 'between' },
              _react2.default.createElement(
                _.Heading,
                { level: 2, margin: 'none' },
                'Add'
              ),
              _react2.default.createElement(_.Button, { icon: _react2.default.createElement(_grommetIcons.Close, null), onClick: this.onClose })
            ),
            _react2.default.createElement(
              _.Box,
              { flex: 'grow', overflow: true, pad: { vertical: 'medium' } },
              _react2.default.createElement(
                _.FormField,
                { label: 'First' },
                _react2.default.createElement(_.TextInput, null)
              ),
              _react2.default.createElement(
                _.FormField,
                { label: 'Second' },
                _react2.default.createElement(_.TextInput, null)
              ),
              _react2.default.createElement(
                _.FormField,