import definition from "./schema.js";
import { ImageBtnWidget } from "./ImageBtnWidget.jsx";
import btnGridDefinition from "../ButtonGrid/index.js";

/**
 * Element definition consumed by elements/registry.js (pattern:
 * StoryTitle/index.js). Delegates its nested `buttonGrid` block to
 * ButtonGrid's own adapter, passing the registry `context` through so its
 * `onNavigate` still reaches the button clicks.
 */
export default {
  ...definition,
  component: ImageBtnWidget,
  adapter: (block, context) => {
    return {
      image: block?.image || "",
      buttonGrid: block?.buttonGrid ? btnGridDefinition.adapter(block.buttonGrid, context) : null,
    };
  },
};