hierarchy.tsx

import type { DefaultThemeRenderContext } from "../DefaultThemeRenderContext";
import { JSX } from "../../../../utils";
import type { DeclarationHierarchy } from "../../../../models";

export const hierarchy = (context: DefaultThemeRenderContext, props: DeclarationHierarchy | undefined) => (
    <>
        {!!props && (
            <section class="tsd-panel tsd-hierarchy">
                <h4>Hierarchy</h4>
                <ul class="tsd-hierarchy">
                    {props.types.map((item, i, l) => (
                        <li>
                            {props.isTarget ? <span class="target">{item.toString()}</span> : context.type(item)}
                            {i === l.length - 1 && !!props.next && context.hierarchy(props.next)}
                        </li>
                    ))}
                </ul>
            </section>
        )}
    </>
);