import { ref as r, openBlock as c, createElementBlock as v, Fragment as a, renderSlot as f, createElementVNode as s } from "vue";
import { u as d } from "./DashboardPlugin-1aa3a071.js";
const p = { class: "fill" }, b = ["src"], _ = ["src"], k = ["src"], I = ["src"], S = ["src"], $ = ["src"], w = ["src"], y = {
  __name: "SubjectNav",
  emits: ["setTitle"],
  setup(C, { emit: u }) {
    const m = d();
    u("setTitle", "Navigate by Subject");
    const g = r("./imgs/filter.png"), n = r("./imgs/sub1.png"), i = r("./imgs/sub2.png");
    function l(o) {
      m.openWidget("ImageSelector", [{ key: "imageSrc", value: o }]);
    }
    return (o, e) => (c(), v(a, null, [
      f(o.$slots, "default"),
      s("div", p, [
        s("img", { src: g.value }, null, 8, b)
      ]),
      s("div", {
        onClick: e[0] || (e[0] = (t) => l("./imgs/subInfo2.png")),
        class: "w-80 fill"
      }, [
        s("img", { src: n.value }, null, 8, _)
      ]),
      s("div", {
        onClick: e[1] || (e[1] = (t) => l("./imgs/subInfo.png")),
        class: "w-80 fill"
      }, [
        s("img", { src: i.value }, null, 8, k)
      ]),
      s("div", {
        onClick: e[2] || (e[2] = (t) => l("./imgs/subInfo2.png")),
        class: "w-80 fill"
      }, [
        s("img", { src: n.value }, null, 8, I)
      ]),
      s("div", {
        onClick: e[3] || (e[3] = (t) => l("./imgs/subInfo.png")),
        class: "w-80 fill"
      }, [
        s("img", { src: i.value }, null, 8, S)
      ]),
      s("div", {
        onClick: e[4] || (e[4] = (t) => l("./imgs/subInfo2.png")),
        class: "w-80 fill"
      }, [
        s("img", { src: n.value }, null, 8, $)
      ]),
      s("div", {
        onClick: e[5] || (e[5] = (t) => l("./imgs/subInfo.png")),
        class: "w-80 fill"
      }, [
        s("img", { src: i.value }, null, 8, w)
      ])
    ], 64));
  }
};
export {
  y as default
};
