@wordpress/block-editor/build-module/components/block-rename/rename-control.js

Generic block editor.

/**
 * WordPress dependencies
 */
import { MenuItem } from '@wordpress/components';
import { __ } from '@wordpress/i18n';
import { useState } from '@wordpress/element';

/**
 * Internal dependencies
 */
import BlockRenameModal from './modal';
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
export default function BlockRenameControl({
  clientId
}) {
  const [renamingBlock, setRenamingBlock] = useState(false);
  return /*#__PURE__*/_jsxs(_Fragment, {
    children: [/*#__PURE__*/_jsx(MenuItem, {
      onClick: () => {
        setRenamingBlock(true);
      },
      "aria-expanded": renamingBlock,
      "aria-haspopup": "dialog",
      children: __('Rename')
    }), renamingBlock && /*#__PURE__*/_jsx(BlockRenameModal, {
      clientId: clientId,
      onClose: () => setRenamingBlock(false)
    })]
  });
}
//# sourceMappingURL=rename-control.js.map