import { defineComponent, mergeProps, unref, useSSRContext } from "vue";
import { ssrRenderAttrs, ssrRenderList, ssrInterpolate } from "vue/server-renderer";
import { b as securityItems } from "../server.mjs";
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "SecurityGrid",
  __ssrInlineRender: true,
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "grid md:grid-cols-2 lg:grid-cols-3 gap-6" }, _attrs))}><!--[-->`);
      ssrRenderList(unref(securityItems), (s) => {
        _push(`<div class="bg-surface rounded-2xl p-8 border border-gray-100 hover:shadow-md transition-all duration-300"><div class="w-10 h-10 rounded-lg bg-primary-50 flex items-center justify-center mb-4"><svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg></div><h3 class="font-bold text-lg mb-2">${ssrInterpolate(s.title)}</h3><p class="text-sm text-text-secondary leading-relaxed">${ssrInterpolate(s.desc)}</p></div>`);
      });
      _push(`<!--]--></div>`);
    };
  }
});
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/SecurityGrid.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
export {
  _sfc_main as _
};
//# sourceMappingURL=SecurityGrid-LoMlH504.js.map