@redocly/asyncapi-docs/lib/src/components/common/TagWithIcon.js

Async API docs for Redocly Realm

var p=Object.create;var n=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var m=(r,e)=>{for(var o in e)n(r,o,{get:e[o],enumerable:!0})},c=(r,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of g(e))!f.call(r,a)&&a!==o&&n(r,a,{get:()=>e[a],enumerable:!(s=h(e,a))||s.enumerable});return r};var v=(r,e,o)=>(o=r!=null?p(x(r)):{},c(e||!r||!r.__esModule?n(o,"default",{value:r,enumerable:!0}):o,r)),u=r=>c(n({},"__esModule",{value:!0}),r);var W={};m(W,{TagWithIcon:()=>y});module.exports=u(W);var i=require("react/jsx-runtime"),t=v(require("styled-components")),l=require("@redocly/theme");const y=({icon:r,info:e,children:o,capitalize:s,className:a,onClick:d})=>(0,i.jsxs)(b,{className:a,onClick:d,children:[r&&(0,i.jsx)(j,{children:r}),(0,i.jsx)(k,{borderless:!0,capitalize:s,children:o}),e&&(0,i.jsx)(T,{children:e})]}),b=t.default.div`
  display: flex;
  gap: var(--spacing-xxs);
`,j=t.default.div`
  width: 24px;
  height: 24px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-shrink: 0;
  background-color: var(--layer-color-hover);
`,k=(0,t.default)(l.Tag)`
  text-transform: ${({capitalize:r})=>r?"capitalize":"initial"};
  margin: 0;
  background-color: var(--layer-color-hover);
  color: inherit;
  & span {
    font-weight: 600;
  }
`,T=t.default.div`
  width: 24px;
  height: 24px;
  border-radius: var(--border-radius);
  align-items: center;
  justify-content: center;
  background-color: var(--layer-color-hover);
  display: flex;
  cursor: pointer;
`;0&&(module.exports={TagWithIcon});