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

/** Element definition consumed by elements/registry.js (pattern: StoryTitle/index.js). */
export default {
  ...definition,
  component: CircleInfographic,
  adapter: ({ headline, circle }) => ({
    headline: headline || [],
    circle: (circle || []).map((entry) => ({
      text: entry.text,
      icon: entry.icon,
      icons: (entry.icons || []).map((icon) => ({
        small: icon.small,
        big: icon.big,
      })),
      card: {
        headline: entry.card?.headline || null,
        text: entry.card?.text || null,
        underline: entry.card?.underline || null,
      },
    })),
  }),
};