gitbook/src/components/DocumentView/Inlines.tsx

import { DocumentInlinesRich } from '@gitbook/api';

import { DocumentContextProps } from './DocumentView';
import { Inline } from './Inline';
import { Text } from './Text';

export function Inlines<T extends DocumentInlinesRich>(
    props: DocumentContextProps & { nodes: T[] },
) {
    const { nodes, ...contextProps } = props;

    return (
        <>
            {nodes.map((node, index) => {
                if (node.object === 'text') {
                    return <Text key={node.key} text={node} />;
                }

                return <Inline key={node.key} inline={node} {...contextProps} />;
            })}
        </>
    );
}