import { html, nothing } from "lit";
const renderSourceCitations = ({ props })=>(children)=>props.isVisible ? html`
          <div class="source-citations">
            <p part="citations-label" class="text-neutral-dark mb-2 shrink-0">
              ${props.label}
            </p>
            <ol
              class="citations-container flex list-none flex-wrap items-center gap-2"
            >
              ${children}
            </ol>
          </div>
        ` : nothing;
export { renderSourceCitations };
