@gechiui/components/build-module/toolbar-dropdown-menu/index.js

UI components for GeChiUI.

import _extends from "@babel/runtime/helpers/esm/extends";
import { createElement } from "@gechiui/element";

/**
 * GeChiUI dependencies
 */
import { forwardRef, useContext } from '@gechiui/element';
/**
 * Internal dependencies
 */

import ToolbarItem from '../toolbar-item';
import ToolbarContext from '../toolbar-context';
import DropdownMenu from '../dropdown-menu';

function ToolbarDropdownMenu(props, ref) {
  const accessibleToolbarState = useContext(ToolbarContext);

  if (!accessibleToolbarState) {
    return createElement(DropdownMenu, props);
  } // ToobarItem will pass all props to the render prop child, which will pass
  // all props to the toggle of DropdownMenu. This means that ToolbarDropdownMenu
  // has the same API as DrpodownMenu.


  return createElement(ToolbarItem, _extends({
    ref: ref
  }, props.toggleProps), toolbarItemProps => createElement(DropdownMenu, _extends({}, props, {
    popoverProps: {
      isAlternate: true,
      ...props.popoverProps
    },
    toggleProps: toolbarItemProps
  })));
}

export default forwardRef(ToolbarDropdownMenu);
//# sourceMappingURL=index.js.map