import { d as uf, h as Ma, f as au, _ as An } from './server.mjs';
import { useSSRContext, mergeProps, unref, withCtx, createTextVNode, toDisplayString } from 'vue';
import { ssrRenderAttrs, ssrRenderList, ssrRenderComponent, ssrInterpolate } from 'vue/server-renderer';

const x = { __name: "breadcrumb", __ssrInlineRender: true, props: { items: { type: Array, required: true, validator: (e2) => e2.every((e3) => "object" == typeof e3 && "string" == typeof e3.name && ("string" == typeof e3.to || true === e3.disabled)) } }, setup(e2) {
  const s2 = e2;
  Ma();
  const x2 = au(), v2 = (e3, t2) => t2 === s2.items.length - 1;
  return (t2, a2, s3, b2) => {
    const f = An;
    a2(`<nav${ssrRenderAttrs(mergeProps({ "aria-label": "breadcrumb", class: "flex items-center gap-2 flex-wrap" }, b2))} data-v-e49da6e4><ul class="flex items-center list-none p-0 m-0" data-v-e49da6e4><!--[-->`), ssrRenderList(e2.items, (t3, r2) => {
      a2('<li class="flex items-center" data-v-e49da6e4>'), a2(ssrRenderComponent(f, { to: t3.disabled ? "" : unref(x2)(t3.to), class: [{ "text-primary font-bold": v2(0, r2), "text-[#737373]": !v2(0, r2), "cursor-not-allowed": t3.disabled }, "text-xl capitalize hover:text-primary transition-colors duration-200"], "aria-current": v2(0, r2) ? "page" : undefined, "aria-disabled": t3.disabled }, { default: withCtx((e3, a3, r3, s4) => {
        if (!a3) return [createTextVNode(toDisplayString(t3.name), 1)];
        a3(`${ssrInterpolate(t3.name)}`);
      }), _: 2 }, s3)), r2 !== e2.items.length - 1 ? a2('<span class="text-xl inline-block mx-2 text-[#737373] select-none" aria-hidden="true" data-v-e49da6e4> / </span>') : a2("<!---->"), a2("</li>");
    }), a2("<!--]--></ul></nav>");
  };
} }, v = x.setup;
x.setup = (e2, t2) => {
  const a2 = useSSRContext();
  return (a2.modules || (a2.modules = /* @__PURE__ */ new Set())).add("components/Shared/breadcrumb.vue"), v ? v(e2, t2) : undefined;
};
const b = uf(x, [["__scopeId", "data-v-e49da6e4"]]);

export { b };
//# sourceMappingURL=breadcrumb-WIdlJL1E.mjs.map
