import definition from "./schema.js";
import { SelectWidget } from "./SelectWidget";

/**
 * Element definition consumed by elements/registry.js (pattern:
 * StoryTitle/index.js). Selecting an option only arms the page's "next"
 * navigation, it doesn't navigate by itself (see SlidePage's
 * `selectedTargetViewId` state).
 */
export default {
  ...definition,
  component: SelectWidget,
  adapter: ({ options, orientation }, { selectedTargetViewId, onSelectTarget }) => ({
    options: options || [],
    orientation,
    selectedId: selectedTargetViewId,
    onSelect: onSelectTarget,
  }),
};