import { html } from "lit";
import { ref as ref_js_ref } from "lit/directives/ref.js";
const renderGridLayout = ({ props })=>{
    const { selectorForItem, setRef } = props;
    let ref;
    const handleClick = (event)=>{
        event.preventDefault();
        ref?.querySelector(selectorForItem)?.click();
    };
    return (children)=>html` <div
      part="result-list-grid-clickable-container outline"
      ${ref_js_ref((element)=>{
            ref = element;
            setRef(element);
        })}
      @click=${handleClick}
    >
      ${children}
    </div>`;
};
export { renderGridLayout };
