import{j as e}from"./iframe-p4aYZyoq.js";import{c as m}from"./index-Dx18ixSn.js";const h=({title:i,children:a,link:t,highlight:l,compact:n,hideTitle:s,inline:d,className:o,altStyle:r,...c})=>e.jsxs("div",{className:m(o,"decorated-list-item",{"decorated-list-item--compact":n,"decorated-list-item--no-title":s,"decorated-list-item--inline":d,"decorated-list-item--alt-style":r,"decorated-list-item--has-link":t}),...c,children:[t&&e.jsx(t.type,{...t.props,"aria-hidden":"true",tabIndex:-1}),i&&e.jsx("div",{className:"decorated-list-item__title tiny",children:i}),e.jsx("div",{className:"decorated-list-item__content",children:l?e.jsx("strong",{children:a}):a})]});try{decoratedlistitem.displayName="decoratedlistitem",decoratedlistitem.__docgenInfo={description:"",displayName:"decoratedlistitem",props:{title:{defaultValue:null,description:"Title",name:"title",required:!1,type:{name:"ReactNode"}},highlight:{defaultValue:null,description:"Make this item visually stand-out",name:"highlight",required:!1,type:{name:"boolean"}},link:{defaultValue:null,description:"Target/link of the list item when clicking on it",name:"link",required:!1,type:{name:"ReactElement<{ [key: string]: unknown; }, string | JSXElementConstructor<any>>"}},compact:{defaultValue:null,description:"Compact style",name:"compact",required:!1,type:{name:"boolean"}},hideTitle:{defaultValue:null,description:"Hide the title",name:"hideTitle",required:!1,type:{name:"boolean"}},inline:{defaultValue:null,description:"Attempts to keep the element horizontally aligned with its siblings",name:"inline",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"Optional CSS classnames to be passed down from the parent component",name:"className",required:!1,type:{name:"string"}},altStyle:{defaultValue:null,description:"Switches to an alternative style for the decorative line",name:"altStyle",required:!1,type:{name:"boolean"}}}}}catch{}export{h as D};
