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

_react2.default.createElement(
        _Tab2.default,
        { title: 'Tab 1' },
        _react2.default.createElement(
          _Box2.default,
          { pad: 'large', align: 'center', background: 'accent-1' },
          _react2.default.createElement(_grommetIcons.Attraction, { size: 'xlarge' })
        )
      ),
      _react2.default.createElement(
        _Tab2.default,
        { title: 'Tab 2' },
        _react2.default.createElement(
          _Box2.default,
          { pad: 'large', align: 'center', background: 'accent-2' },
          _react2.default.createElement(_grommetIcons.TreeOption, { size: 'xlarge' })
        )
      ),
      _react2.default.createElement(
        _Tab2.default,
        { title: 'Tab 3' },
        _react2.default.createElement(
          _Box2.default,
          { pad: 'large', align: 'center', background: 'accent-3' },
          _react2.default.createElement(_grommetIcons.Car, { size: 'xlarge' })
        )
      )
    )
  );
};

_react2.default.createElement(
            _Text2.default,
            null,
            'Party'
          ),
          _react2.default.createElement(_Anchor2.default, { href: '', label: 'Link' }),
          _react2.default.createElement(_Button2.default, { label: 'Button', onClick: function onClick() {} })
        ),
        _react2.default.createElement(
          _Box2.default,
          {
            pad: 'xlarge',
            align: 'center',
            background: { color: 'accent-2', opacity: 'weak' }
          },
          _react2.default.createElement(_grommetIcons.TreeOption, { size: 'xlarge' }),
          _react2.default.createElement(
            _Text2.default,
            null,
            'Nature'
          ),
          _react2.default.createElement(_Anchor2.default, { href: '', label: 'Link' }),
          _react2.default.createElement(_Button2.default, { label: 'Button', onClick: function onClick() {} })
        ),
        _react2.default.createElement(
          _Box2.default,
          { pad: 'xlarge', align: 'center', background: 'dark-3' },
          _react2.default.createElement(_grommetIcons.Car, { size: 'xlarge', color: 'light-2' }),
          _react2.default.createElement(
            _Text2.default,
            null,
            'Travel'

return _react["default"].createElement(_grommet.Grommet, {
    theme: customTheme
  }, _react["default"].createElement(_grommet.Box, {
    align: "center",
    pad: "large"
  }, _react["default"].createElement(_grommet.Carousel, _extends({
    controls: controls
  }, rest), _react["default"].createElement(_grommet.Box, {
    pad: "xlarge",
    background: "accent-1"
  }, _react["default"].createElement(_grommetIcons.Attraction, {
    size: "xlarge"
  })), _react["default"].createElement(_grommet.Box, {
    pad: "xlarge",
    background: "accent-2"
  }, _react["default"].createElement(_grommetIcons.TreeOption, {
    size: "xlarge"
  })), _react["default"].createElement(_grommet.Box, {
    pad: "xlarge",
    background: "accent-3"
  }, _react["default"].createElement(_grommetIcons.Car, {
    size: "xlarge"
  })))));
};