https://ao-maru.com/_next/static/immutable/chunks/0h138ui8s-da2.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,60654,e=>{"use strict";var t=e.i(22142),r=e.i(98582),n=e.i(62208),o=e.i(12303);e.s(["default",0,function({tags:e,activeCategorySlug:i,query:a}){let l=(0,n.useRouter)(),[s,d]=(0,o.useState)(a??""),[u,c]=(0,o.useState)(!1),h=e=>e?`/blog/category/${e}`:"/blog",x=e=>`inline-flex items-center rounded-full px-4 py-2 text-[14px] font-bold leading-none transition-colors ${e?"bg-brand-gradient text-white":"border border-line bg-white text-heading hover:border-brand hover:text-brand"}`;return(0,t.jsxs)("div",{className:"mx-auto w-full max-w-[1312px] px-4",children:[(0,t.jsxs)("form",{role:"search",onSubmit:e=>{if(e.preventDefault(),u)return;let t=s.trim();t&&l.push(`/blog?q=${encodeURIComponent(t)}`)},className:"mx-auto flex max-w-[560px] items-stretch gap-2",children:[(0,t.jsx)("input",{type:"search",value:s,onChange:e=>d(e.target.value),onCompositionStart:()=>c(!0),onCompositionEnd:()=>c(!1),placeholder:"記事を検索...","aria-label":"記事を検索",className:"h-12 w-full rounded-md border border-line bg-white px-4 font-body text-[15px] text-ink outline-none transition-colors placeholder:text-[#9ca3af] focus:border-brand focus:ring-2 focus:ring-brand/30"}),(0,t.jsx)("button",{type:"submit","aria-label":"検索",className:"bg-brand-gradient inline-flex h-12 w-12 shrink-0 cursor-pointer appearance-none items-center justify-center rounded-md border-0 text-white transition-opacity hover:opacity-90",children:(0,t.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[(0,t.jsx)("circle",{cx:"11",cy:"11",r:"7"}),(0,t.jsx)("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"})]})})]}),(0,t.jsxs)("div",{className:"relative mt-5 tablet:hidden",children:[(0,t.jsxs)("select",{"aria-label":"カテゴリーで絞り込む",value:i??"",onChange:e=>l.push(h(e.target.value||null)),className:"h-12 w-full cursor-pointer appearance-none rounded-md border border-line bg-white pl-4 pr-10 font-body text-[15px] font-bold text-heading outline-none focus:border-brand focus:ring-2 focus:ring-brand/30",children:[(0,t.jsx)("option",{value:"",children:"すべてのカテゴリー"}),e.map(e=>(0,t.jsx)("option",{value:e.slug,children:e.name},e.id))]}),(0,t.jsx)("span",{"aria-hidden":"true",className:"pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-heading",children:(0,t.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"m6 9 6 6 6-6"})})})]}),(0,t.jsxs)("div",{className:"mt-6 hidden flex-wrap justify-center gap-2.5 tablet:flex",children:[(0,t.jsx)(r.default,{href:"/blog",className:x(!i),"aria-current":i?void 0:"true",children:"すべて"}),e.map(e=>(0,t.jsx)(r.default,{href:h(e.slug),className:x(i===e.slug),"aria-current":i===e.slug?"true":void 0,children:e.name},e.id))]})]})}])}]);