import { ANATOMY } from "#core/assets/anatomy.generated";
import { ANATOMY_CONTENT } from "#configuration/strings/anatomy.strings";
import { ANATOMY_PAGE } from "#core/ids/page.ids";
import { SITE_VOCABULARY } from "#configuration/strings/site.strings";
import type { Tab } from "#types/document.types";
import { anatomyChapter } from "#domain/converters/anatomy.fragment.converter";
import { linkTabs } from "#domain/converters/link.converter";
import { treeTab } from "#domain/converters/anatomy.converter";

const readingTabs = function readingTabs(): readonly Tab[] {
    return ANATOMY_CONTENT.map((tab) => ({ ...tab, sections: anatomyChapter(ANATOMY) }));
};

export const ANATOMY_TABS: readonly Tab[] = [
    ...linkTabs(readingTabs(), SITE_VOCABULARY, ANATOMY_PAGE),
    treeTab(ANATOMY),
];