import{j as i}from"./react-vendor-xYZnmIII.js";import{C as c}from"./category-card-1-DlKTRv39.js";import{b5 as l}from"./ui-components-CQM92IK3.js";import"./inertia-vendor-cBbDTmhJ.js";import"./ui-vendor-Ds9iwIxa.js";import"./use-lang-Dg6I_Fym.js";import"./interactive-vendor-B1OgcAgP.js";const u=({data:o})=>{const t=["rgba(79,57,246,1)","rgba(0,122,85,1)","rgba(255,171,0,1)","rgba(236,0,63,1)","rgba(255,171,0,1)"];return i.jsx("div",{className:"grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4",children:o&&o.collection.map((s,e)=>{const a=e%t.length,r=t[a];return i.jsx(c,{category:s,style:{color:r,borderColor:l(r,.15),backgroundColor:l(r,.04)}},s.id)})})};export{u as default};
