@redocly/asyncapi-docs
Version:
Async API docs for Redocly Realm
19 lines (18 loc) • 1.49 kB
JavaScript
import{jsx as r,jsxs as t,Fragment as s}from"react/jsx-runtime";import m from"styled-components";import{H4 as g,LinkIcon as y}from"@redocly/theme";import{useAtomValue as d}from"jotai";import{makeDeepLink as n}from"@redocly/openapi-docs";import{Information as $,LinkToField as l}from"./common";import{JsonSchema as p}from"./JsonSchema";import{getSchema as c}from"../utils";import{useProtocolLabels as u}from"../hooks";import{routingBasePathAtom as v}from"../jotai/app";const w=({message:o,sectionId:e,id:a})=>{const i=d(v),{getProtocolLabel:f}=u();return t(s,{children:[r($,{summary:o.summary,description:o.description,externalDocs:o.externalDocs}),o.headers&&t(s,{children:[t(h,{children:[r(l,{to:`/${i}${n(e,`messages&m=${a}/headers`)}`}),"Headers"]}),r(p,{schema:c(o.headers),slug:`/${i}${n(e,`messages&m=${a}&t=headers`)}`})]}),o.payload&&t(s,{children:[t(h,{children:[r(l,{to:`/${i}${n(e,`messages&m=${a}/payload`)}`}),f("payload"),o.contentType&&r(x,{children:o.contentType})]}),r(p,{schema:c(o.payload),slug:`/${i}${n(e,`messages&m=${a}&t=payload`)}`})]})]})},h=m(g)`
margin: var(--spacing-md) 0 0 0;
font-size: 18px;
position: relative;
:hover {
${y} {
opacity: 1;
visibility: visible;
}
}
`,x=m.span`
margin: 0px var(--spacing-xs);
color: var(--text-color-primary);
line-height: var(--line-height-lg);
font-family: var(--font-family-base);
font-weight: var(--font-weight-regular);
font-size: var(--font-size-lg);
`;export{w as Message};