import { e as createComponent, l as renderHead, g as addAttribute, r as renderTemplate } from '../chunks/astro/server_DePCulMI.mjs';
import 'piccolore';
import 'clsx';
/* empty css                                      */
export { renderers } from '../renderers.mjs';

const $$TestRembg = createComponent(($$result, $$props, $$slots) => {
  const products = [
    { id: 1246330, name: "Abeba - Active", brand: "Abeba" },
    { id: 1245643, name: "Ps. Poelman - Enkellaarsjes Hak", brand: "Ps. Poelman" },
    { id: 1261459, name: "Enkellaarsjes met hoge hak", brand: "Raid Wide Fit" },
    { id: 1230168, name: "Born To Shine Bruin/Multicolor Damessjaal", brand: "VTD" },
    { id: 1264728, name: "Teensandalen", brand: "GARDINI SPIRIT" },
    { id: 1260593, name: "Sneakers laag", brand: "Palladium" },
    { id: 1264643, name: "Ballerina's met enkelbandjes", brand: "Mod8" },
    { id: 1256357, name: "Sneakers laag", brand: "Hackett London" },
    { id: 1251323, name: "Veterboots", brand: "ARIZONA LOVE" },
    { id: 1231306, name: "Atlanta Bruin", brand: "Paul Smith" }
  ];
  const models = ["u2net", "isnet-general-use", "birefnet-general", "u2net_human_seg"];
  return renderTemplate`<html lang="en" data-astro-cid-bi5bexgh> <head><meta charset="UTF-8"><title>rembg Model Comparison</title>${renderHead()}</head> <body data-astro-cid-bi5bexgh> <h1 data-astro-cid-bi5bexgh>🔬 rembg Model Comparison</h1> <p class="checkerboard-info" data-astro-cid-bi5bexgh>Checkerboard pattern = transparent area | White background = original image</p> ${products.map((p) => renderTemplate`<div class="product" data-astro-cid-bi5bexgh> <h2 data-astro-cid-bi5bexgh>#${p.id} — ${p.brand} — ${p.name}</h2> <div class="grid" data-astro-cid-bi5bexgh> <div class="cell original" data-astro-cid-bi5bexgh> <img${addAttribute(`/rembg-test/${p.id}_original.jpg`, "src")} alt="Original" loading="lazy" data-astro-cid-bi5bexgh> <label data-astro-cid-bi5bexgh>Original</label> </div> ${models.map((m) => renderTemplate`<div class="cell" data-astro-cid-bi5bexgh> <img${addAttribute(`/rembg-test/${p.id}_${m}.png`, "src")}${addAttribute(m, "alt")} loading="lazy" data-astro-cid-bi5bexgh> <label data-astro-cid-bi5bexgh>${m}</label> </div>`)} </div> </div>`)} </body></html>`;
}, "C:/Users/Roel/clawd/sneakerpicks/src/pages/test-rembg.astro", void 0);

const $$file = "C:/Users/Roel/clawd/sneakerpicks/src/pages/test-rembg.astro";
const $$url = "/test-rembg";

const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
  __proto__: null,
  default: $$TestRembg,
  file: $$file,
  url: $$url
}, Symbol.toStringTag, { value: 'Module' }));

const page = () => _page;

export { page };
