import { html, nothing } from "lit";
import { when } from "lit/directives/when.js";
const renderChildrenWrapper = ()=>(children)=>{
        const hasChildren = children !== nothing;
        return html`<div part="children-root">
      ${when(hasChildren, ()=>html`<slot name="before-children"></slot>`)}
      ${children}
      ${when(hasChildren, ()=>html`<slot name="after-children"></slot>`)}
    </div>`;
    };
export { renderChildrenWrapper };
