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

/**
 * Element definition consumed by elements/registry.js: the block contract
 * (schema.js) plus the component and the adapter mapping a raw content
 * block to the component's props.
 */
export default {
  ...definition,
  component: StoryTitle,
  adapter: ({ title, background, videoIntro, videoLoop }) => ({
    title: title || "",
    background: background || "",
    videoIntro: videoIntro || null,
    videoLoop: videoLoop || null,
  }),
};