(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2428],{1240:(e,s,l)=>{Promise.resolve().then(l.bind(l,1843))},1843:(e,s,l)=>{"use strict";l.d(s,{default:()=>h});var t=l(5155),a=l(9074),c=l(1007),r=l(2138),i=l(2115),d=l(7737),n=l(6859),o=l(6874),m=l.n(o),x=l(6766);let h=()=>{let[e,s]=(0,i.useState)("Alle categorie\xebn"),[l,o]=(0,i.useState)([]);return console.log(l),(0,i.useEffect)(()=>{(async()=>{o(await (0,n.vB)(e))})()},[e]),(0,t.jsxs)("div",{className:"container mx-auto px-4 py-6",children:[(0,t.jsx)(d.A,{items:[{label:"Blog",href:"/blog"}]}),(0,t.jsxs)("div",{className:"mt-8",children:[(0,t.jsx)("h1",{className:"text-3xl font-bold mb-6",children:"Blog"}),(0,t.jsxs)("div",{className:"flex flex-col md:flex-row gap-8",children:[(0,t.jsx)("div",{className:"lg:w-3/4 md:w-2/3",children:(0,t.jsx)("div",{className:"grid lg:grid-cols-2 gap-8",children:l.map(e=>(0,t.jsxs)("div",{className:"bg-white rounded-lg shadow-sm overflow-hidden",children:[(0,t.jsx)(m(),{href:"/blog/".concat(e.url),className:"block",children:(0,t.jsx)("div",{className:"relative h-48 w-full",children:(0,t.jsx)(x.default,{src:e.image||"/placeholder.svg",alt:e.title,fill:!0,className:"object-cover"})})}),(0,t.jsxs)("div",{className:"p-6",children:[(0,t.jsxs)("div",{className:"flex items-center text-sm text-gray-500 mb-2",children:[(0,t.jsx)("span",{className:"bg-teal-100 text-teal-800 px-2 py-1 rounded text-xs font-medium",children:e.category}),(0,t.jsx)("span",{className:"mx-2",children:"•"}),(0,t.jsxs)("div",{className:"flex items-center",children:[(0,t.jsx)(a.A,{size:14,className:"mr-1"}),e.date]})]}),(0,t.jsx)("h2",{className:"text-xl font-bold mb-2",children:(0,t.jsx)(m(),{href:"/blog/".concat(e.url),className:"hover:text-teal-600 transition-colors",children:e.title})}),(0,t.jsx)("p",{className:"text-gray-600 mb-4",children:e.excerpt||0}),(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsxs)("div",{className:"flex items-center text-sm text-gray-500",children:[(0,t.jsx)(c.A,{size:14,className:"mr-1"}),e.author]}),(0,t.jsxs)(m(),{href:"/blog/".concat(e.id),className:"text-teal-600 hover:text-teal-700 font-medium flex items-center text-sm",children:["Lees meer",(0,t.jsx)(r.A,{size:14,className:"ml-1"})]})]})]})]},e.id))})}),(0,t.jsxs)("div",{className:"lg:w-1/4 md:w-1/3",children:[(0,t.jsxs)("div",{className:"bg-white rounded-lg shadow-sm p-6 mb-6",children:[(0,t.jsx)("h3",{className:"font-bold text-lg mb-4",children:"Zoeken"}),(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)("input",{type:"text",placeholder:"Zoeken...",className:"w-full py-2 pl-4 pr-10 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-teal-500 focus:border-transparent"}),(0,t.jsx)("button",{className:"absolute right-0 top-0 h-full px-3 text-gray-500 hover:text-teal-600",children:(0,t.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})})})]})]}),(0,t.jsxs)("div",{className:"bg-white rounded-lg shadow-sm p-6 mb-6",children:[(0,t.jsx)("h3",{className:"font-bold text-lg mb-4",children:"Categorie\xebn"}),(0,t.jsx)("ul",{className:"space-y-2",children:["Alle categorie\xebn","Informatie","Producten","Veiligheid","Geschiedenis","Nieuws","Wetgeving"].map((l,a)=>(0,t.jsx)("li",{onClick:()=>s(l),children:(0,t.jsx)("h2",{className:"block text-sm hover:text-teal-600 cursor-pointer ".concat(l===e?"font-medium text-teal-600":"text-gray-700"),children:l})},a))})]}),(0,t.jsxs)("div",{className:"bg-white rounded-lg shadow-sm p-6",children:[(0,t.jsx)("h3",{className:"font-bold text-lg mb-4",children:"Recente Posts"}),(0,t.jsx)("div",{className:"space-y-4",children:l.slice(0,3).map(e=>(0,t.jsxs)(m(),{href:"/blog/".concat(e.id),className:"flex items-center",children:[(0,t.jsx)("div",{className:"w-16 h-16 bg-gray-100 rounded-md relative flex-shrink-0",children:(0,t.jsx)(x.default,{src:e.image||"/placeholder.svg",alt:e.title,fill:!0,className:"object-cover rounded-md"})}),(0,t.jsxs)("div",{className:"ml-3",children:[(0,t.jsx)("h4",{className:"text-sm font-medium text-gray-900 hover:text-teal-600 line-clamp-2",children:e.title}),(0,t.jsx)("p",{className:"text-xs text-gray-500 mt-1",children:e.date})]})]},e.id))})]})]})]})]})]})}},2138:(e,s,l)=>{"use strict";l.d(s,{A:()=>t});let t=(0,l(9946).A)("arrow-right",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]])}},e=>{var s=s=>e(e.s=s);e.O(0,[6874,3063,4939,8441,1684,7358],()=>s(1240)),_N_E=e.O()}]);