import{jsx as o,jsxs as t}from"react/jsx-runtime";import{memo as p}from"react";import{LinkIcon as m}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{PropertyDetails as l}from"../PropertyDetails/index.js";import{LinkToField as c}from"../common/LinkToField.js";import{styled as e}from"../../styled-components.js";function g({title:n,parameters:i,deepLink:s}){return!i||!i.length?null:t(v,{children:[t(f,{children:[o(c,{to:s}),n]}),i.map((r,a)=>o(l,{isFirst:a===0,field:r},r.name))]})}const b=p(g),f=e.span`
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-size: 18px;
  line-height: var(--line-height-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-color-primary);
  padding: var(--spacing-xxs) 0;

  :hover {
    ${m} {
      opacity: 1;
      visibility: visible;
    }
  }
`,v=e.div`
  margin-top: var(--spacing-md);
`;export{b as ParametersGroup};
