import definition from "./schema.js";
import { AiObs } from "./AiObs.jsx";

/** Element definition consumed by elements/registry.js (pattern: StoryTitle/index.js). */
export default {
  ...definition,
  component: AiObs,
  adapter: ({ picture, pictureAddOn, screenshot, screens, badges }) => ({
    picture: picture || [],
    pictureAddOn: pictureAddOn || null,
    screenshot: screenshot || [],
    screens: screens || null,
    badges: (badges || []).map((b) => ({
      iconLink: b.iconLink,
      text: b.text,
    })),
  }),
};