import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { memo } from 'react';
import { RecursiveLabel, TypeName, TypeTitle } from '../common/index.js';
import { useTranslate } from '../../hooks/index.js';
function RecursiveSchemaComponent({ schema }) {
    const translate = useTranslate();
    return (_jsxs("div", { children: [_jsx(TypeName, { children: schema.displayType }), schema.title && _jsxs(TypeTitle, { children: [" ", schema.title, " "] }), _jsxs(RecursiveLabel, { children: [" ", translate('openapi.recursive', 'Recursive'), " "] })] }));
}
export const RecursiveSchema = memo(RecursiveSchemaComponent);
//# sourceMappingURL=RecursiveSchema.js.map