import { jsx as i } from "react/jsx-runtime";
import { a as t } from "./index.CfQlFjZU.js";
import { C as a } from "./card.CVCKhKP6.js";
import { d as l } from "./GridRow._ehOXG8R.js";
import "./GridLayouts.DSIvKCIo.js";
import { C as n } from "./CardContent.DpE_X3Tr.js";
import { s } from "./selectTemplatePage.module.CN8m5vGx.js";
function m({
  template: e,
  onTemplateSelect: r
}) {
  return {
    template: e,
    onTemplateSelect: r,
    templateItemColClassName: s.templateItemGridCol
  };
}
function d({
  template: e,
  onTemplateSelect: r,
  templateItemColClassName: o
}) {
  return /* @__PURE__ */ i(l, { className: o, children: /* @__PURE__ */ i(
    a,
    {
      fillHeight: !0,
      elevation: "high",
      interaction: "selectable",
      selected: e.isSelected,
      onClick: () => r(e),
      children: /* @__PURE__ */ i(
        n,
        {
          variant: "horizontal",
          header: e.title,
          headerSize: "small",
          icon: e.icon
        }
      )
    }
  ) }, e.id);
}
const g = t(d, m);
export {
  g as T
};
