gitbook/src/components/DocumentView/BlockContentRef.tsx

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

import { resolveContentRef } from '@/lib/references';

import { BlockProps } from './Block';
import { Card } from '../primitives';

export async function BlockContentRef(props: BlockProps<DocumentBlockContentRef>) {
    const { block, context, style } = props;
    const kind = block?.data?.ref?.kind;

    const resolved = await resolveContentRef(block.data.ref, context);
    if (!resolved) {
        return null;
    }

    return <Card href={resolved.href} preTitle={kind} title={resolved.text} style={style} />;
}