import { html } from "lit";
import { renderHeading } from "../../heading.js";
const renderSnippetWrapper = ({ props })=>(children)=>html`<aside aria-label=${props.i18n.t('smart-snippet')}>
      ${renderHeading({
            props: {
                level: props.headingLevel ?? 0,
                class: 'sr-only'
            }
        })(html`${props.i18n.t('smart-snippet')}`)}
      <article
        class="bg-background border-neutral text-on-background rounded-lg border p-6 pb-4"
        part="smart-snippet"
      >
        ${children}
      </article>
    </aside>`;
export { renderSnippetWrapper };
