https://aikawalab-tus.vercel.app/_next/static/chunks/pages/gallery_page-1a493477d49ea957.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[877],{1983:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/gallery_page",function(){return n(8808)}])},5700:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});var r=n(5893);function s(){return(0,r.jsxs)("footer",{className:"mt-auto w-full mx-auto bg-white",children:[(0,r.jsx)("div",{className:"border-t-2 border-gray-200"}),(0,r.jsxs)("div",{className:"text-center",children:[(0,r.jsx)("div",{children:(0,r.jsx)("a",{className:"flex-none text-xl font-semibold text-FFD700 font-playfair dark:text-white",href:"#","aria-label":"AikawaLab",children:"AikawaLab"})}),(0,r.jsx)("div",{className:"mt-3",children:(0,r.jsxs)("p",{className:"text-FFD700 font-lato select-none",children:["\xa9 ",new Date().getFullYear()," AikawaLab. All rights reserved."]})})]})]})}},7292:function(e,t,n){"use strict";n.d(t,{Z:function(){return A}});var r=n(5893),s=n(1163),l=n(5675),a=n.n(l),i={src:"/_next/static/media/ushi1.bd908105.jpg",height:2475,width:2479,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAIAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAgEAACAgEDBQAAAAAAAAAAAAABAgARBgMEMQUTISMy/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AKL2Mk08lZk3CP0xiG9gU0K+RVEGzz54ERED/9k=",blurWidth:8,blurHeight:8},o=n(7033),c=n(4080),d=n(7294),u=n(7349);function x(e){return(0,r.jsx)("svg",{...e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M4 13V16H7L16 7L13 4L4 13Z",fill:"#bcbcbc",stroke:"#394555",strokeWidth:"1"})})}function h(e){return(0,r.jsx)("svg",{...e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M4 13V16H7L16 7L13 4L4 13Z",fill:"#bcbcbc",stroke:"#394555",strokeWidth:"1"})})}function m(e){return(0,r.jsxs)("svg",{...e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("path",{d:"M4 4H12V12H4V4Z",fill:"#bcbcbc",stroke:"#394555",strokeWidth:"1"}),(0,r.jsx)("path",{d:"M8 8H16V16H8V8Z",fill:"#bcbcbc",stroke:"#394555",strokeWidth:"1"})]})}function f(e){return(0,r.jsxs)("svg",{...e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("path",{d:"M4 4H12V12H4V4Z",fill:"#bcbcbc",stroke:"#394555",strokeWidth:"1"}),(0,r.jsx)("path",{d:"M8 8H16V16H8V8Z",fill:"#bcbcbc",stroke:"#394555",strokeWidth:"1"})]})}function p(e){return(0,r.jsxs)("svg",{...e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("rect",{x:"5",y:"8",width:"10",height:"8",fill:"#bcbcbc",stroke:"#394555",strokeWidth:"1"}),(0,r.jsx)("rect",{x:"4",y:"4",width:"12",height:"4",fill:"#bcbcbc",stroke:"#394555",strokeWidth:"1"}),(0,r.jsx)("path",{d:"M8 12H12",stroke:"#394555",strokeWidth:"1"})]})}function g(e){return(0,r.jsxs)("svg",{...e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("rect",{x:"5",y:"8",width:"10",height:"8",fill:"#bcbcbc",stroke:"#394555",strokeWidth:"1"}),(0,r.jsx)("rect",{x:"4",y:"4",width:"12",height:"4",fill:"#bcbcbc",stroke:"#394555",strokeWidth:"1"}),(0,r.jsx)("path",{d:"M8 12H12",stroke:"#394555",strokeWidth:"1"})]})}var b=function(){let e=(0,s.useRouter)();return(0,r.jsx)("div",{className:"absolute top-1 right-1  w-40 text-right",children:(0,r.jsxs)(o.v,{as:"div",className:"relative inline-block text-left",children:[(0,r.jsx)("div",{children:(0,r.jsxs)(o.v.Button,{className:"inline-flex w-full justify-center rounded-md bg-black bg-opacity-20 px-4 py-2 text-sm font-medium text-white hover:bg-opacity-30 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75",children:["MENU",(0,r.jsx)(u.Z,{className:"ml-2 -mr-1 h-5 w-5 text-[#088395] hover:text-[#35A29F]","aria-hidden":"true"})]})}),(0,r.jsx)(c.u,{as:d.Fragment,enter:"transition ease-out duration-100",enterFrom:"transform opacity-0 scale-95",enterTo:"transform opacity-100 scale-100",leave:"transition ease-in duration-75",leaveFrom:"transform opacity-100 scale-100",leaveTo:"transform opacity-0 scale-95",children:(0,r.jsx)(o.v.Items,{className:"absolute right-0 mt-2 w-56 origin-top-right divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none",children:(0,r.jsxs)("div",{className:"px-1 py-1 ",children:[(0,r.jsx)(o.v.Item,{children:t=>{let{active:n}=t;return(0,r.jsxs)("button",{onClick:()=>e.push("/news_page"),className:"".concat(n?"bg-emerald-500 text-white":"text-gray-900"," group flex w-full items-center rounded-md px-2 py-2 text-sm"),children:[n?(0,r.jsx)(g,{className:"mr-2 h-5 w-5","aria-hidden":"true"}):(0,r.jsx)(p,{className:"mr-2 h-5 w-5","aria-hidden":"true"}),"発表実績"]})}}),(0,r.jsx)(o.v.Item,{children:t=>{let{active:n}=t;return(0,r.jsxs)("button",{onClick:()=>e.push("https://aikw001.te.noda.tus.ac.jp/CourseLogin.html"),className:"".concat(n?"bg-emerald-500 text-white":"text-gray-900"," group flex w-full items-center rounded-md px-2 py-2 text-sm"),children:[n?(0,r.jsx)(h,{className:"mr-2 h-5 w-5","aria-hidden":"true"}):(0,r.jsx)(x,{className:"mr-2 h-5 w-5","aria-hidden":"true"}),"E-Learning"]})}}),(0,r.jsx)(o.v.Item,{children:t=>{let{active:n}=t;return(0,r.jsxs)("button",{onClick:()=>e.push("/gallery_page"),className:"".concat(n?"bg-emerald-400 text-white":"text-gray-900"," group flex w-full items-center rounded-md px-2 py-2 text-sm"),children:[n?(0,r.jsx)(f,{className:"mr-2 h-5 w-5","aria-hidden":"true"}):(0,r.jsx)(m,{className:"mr-2 h-5 w-5","aria-hidden":"true"}),"ギャラリー"]})}})]})})})]})})};function A(){let e=(0,s.useRouter)();return(0,r.jsx)("header",{class:"bg-white text-gray-600 body-font border-b w-full h-12 sticky top-0 z-50",children:(0,r.jsxs)("div",{class:"w-full flex flex-wrap pl-5 pr-5 md:flex-row items-center",children:[(0,r.jsxs)("button",{onClick:()=>e.push("/#"),class:"flex title-font font-bold items-center text-gray-900",children:[(0,r.jsx)(a(),{src:i,alt:"Top Image 1",

1width:46,height:46}),(0,r.jsx)("span",{class:"ml-3 xl:text-xl",children:"AIKAWA Lab"})]}),(0,r.jsxs)("nav",{class:"md:ml-auto md:mr-auto flex flex-wrap items-center text-base justify-center",children:[(0,r.jsx)("button",{onClick:()=>e.push("/news_page"),className:"text-FFD700 px-5 py-3 hover:bg-indigo-50 hidden md:block",children:(0,r.jsx)("span",{className:"font-semibold text-[#071952]",children:"発表実績"})}),(0,r.jsx)("button",{onClick:()=>e.push("/#members"),className:"text-FFD700 px-5 py-3 hover:bg-indigo-50 hidden md:block",children:(0,r.jsx)("span",{className:"font-semibold text-[#071952]",children:"メンバー"})}),(0,r.jsx)("button",{onClick:()=>e.push("/#research_contents"),className:"text-FFD700 px-5 py-3 hover:bg-indigo-50 hidden md:block",children:(0,r.jsx)("span",{className:"font-semibold text-[#071952]",children:"研究内容"})}),(0,r.jsx)("button",{onClick:()=>e.push("https://aikw001.te.noda.tus.ac.jp/CourseLogin.html"),className:"text-FFD700 px-5 py-3 hover:bg-indigo-50 hidden md:block",children:(0,r.jsx)("span",{className:"font-semibold text-[#071952]",children:"E-Learning"})}),(0,r.jsx)("button",{onClick:()=>e.push("/gallery_page"),className:"text-FFD700 px-5 py-3 hover:bg-indigo-50 hidden md:block",children:(0,r.jsx)("span",{className:"font-semibold text-[#071952]",children:"ギャラリー"})})]}),(0,r.jsx)("button",{onClick:function(){alert("Converting it to English is not yet available, so you will have to use Google translate :)")},class:"justify-end py-3 px-5 hover:bg-yellow-100 rounded hidden lg:block select-none",children:"JP|EN"}),(0,r.jsx)("div",{className:"block md:hidden",children:(0,r.jsx)(b,{})})]})})}},8808:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return V}});var r,s,l,a,i=n(5893),o=n(7292),c=n(5700),d=n(7294),u=n(2351),x=n(9946),h=n(2984),m=n(1363),f=n(4575),p=n(6723),g=n(3784),b=n(4157),A=n(3855),w=n(4879),v=((r=v||{})[r.None=1]="None",r[r.Focusable=2]="Focusable",r[r.Hidden=4]="Hidden",r);let j=(0,u.yV)(function(e,t){let{features:n=1,...r}=e,s={ref:t,"aria-hidden":(2&n)==2||void 0,style:{position:"fixed",top:1,left:1,width:1,height:0,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0",...(4&n)==4&&(2&n)!=2&&{display:"none"}}};return(0,u.sY)({ourProps:s,theirProps:r,slot:{},defaultTag:"div",name:"Hidden"})});function y({onFocus:e}){let[t,n]=(0,d.useState)(!0),r=(0,w.t)();return t?d.createElement(j,{as:"button",type:"button",features:v.Focusable,onFocus:t=>{t.preventDefault();let s,l=50;s=requestAnimationFrame(function t(){if(l--<=0){s&&cancelAnimationFrame(s);return}if(e()){if(cancelAnimationFrame(s),!r.current)return;n(!1);return}s=requestAnimationFrame(t)})}}):null}var k=n(3781),N=n(1021),E=n(5466);let T=d.createContext(null);function I({children:e}){let t=d.useRef({groups:new Map,get(e,t){var n;let r=this.groups.get(e);r||(r=new Map,this.groups.set(e,r));let s=null!=(n=r.get(t))?n:0;return r.set(t,s+1),[Array.from(r.keys()).indexOf(t),function(){let e=r.get(t);e>1?r.set(t,e-1):r.delete(t)}]}});return d.createElement(T.Provider,{value:t},e)}function P(e){let t=d.useContext(T);if(!t)throw Error("You must wrap your component in a <StableCollection>");let n=function(){var e,t,n;let r=null!=(n=null==(t=null==(e=d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED)?void 0:e.ReactCurrentOwner)?void 0:t.current)?n:null;if(!r)return Symbol();let s=[],l=r;for(;l;)s.push(l.index),l=l.return;return"$."+s.join(".")}(),[r,s]=t.current.get(e,n);return d.useEffect(()=>s,[]),r}var O=((s=O||{})[s.Forwards=0]="Forwards",s[s.Backwards=1]="Backwards",s),F=((l=F||{})[l.Less=-1]="Less",l[l.Equal=0]="Equal",l[l.Greater=1]="Greater",l),C=((a=C||{})[a.SetSelectedIndex=0]="SetSelectedIndex",a[a.RegisterTab=1]="RegisterTab",a[a.UnregisterTab=2]="UnregisterTab",a[a.RegisterPanel=3]="RegisterPanel",a[a.UnregisterPanel=4]="UnregisterPanel",a);let z={0(e,t){var n;let r=(0,f.z2)(e.tabs,e=>e.current),s=(0,f.z2)(e.panels,e=>e.current),l=r.filter(e=>{var t;return!(null!=(t=e.current)&&t.hasAttribute("disabled"))}),a={...e,tabs:r,panels:s};if(t.index<0||t.index>r.length-1){let n=(0,h.E)(Math.sign(t.index-e.selectedIndex),{[-1]:()=>1,0:()=>(0,h.E)(Math.sign(t.index),{[-1]:()=>0,0:()=>0,1:()=>1}),1:()=>0});if(0===l.length)return a;let s=(0,h.E)(n,{0:()=>r.indexOf(l[0]),1:()=>r.indexOf(l[l.length-1])});return{...a,selectedIndex:-1===s?e.selectedIndex:s}}let i=r.slice(0,t.index),o=[...r.slice(t.index),...i].find(e=>l.includes(e));if(!o)return a;let c=null!=(n=r.indexOf(o))?n:e.selectedIndex;return -1===c&&(c=e.selectedIndex),{...a,selectedIndex:c}},1(e,t){var n;if(e.tabs.includes(t.tab))return e;let r=e.tabs[e.selectedIndex],s=(0,f.z2)([...e.tabs,t.tab],e=>e.current),l=null!=(n=s.indexOf(r))?n:e.selectedIndex;return -1===l&&(l=e.selectedIndex),{...e,tabs:s,selectedIndex:l}},2:(e,t)=>({...e,tabs:e.tabs.filter(e=>e!==t.tab)}),3:(e,t)=>

1e.panels.includes(t.panel)?e:{...e,panels:(0,f.z2)([...e.panels,t.panel],e=>e.current)},4:(e,t)=>({...e,panels:e.panels.filter(e=>e!==t.panel)})},D=(0,d.createContext)(null);function R(e){let t=(0,d.useContext)(D);if(null===t){let t=Error(`<${e} /> is missing a parent <Tab.Group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,R),t}return t}D.displayName="TabsDataContext";let S=(0,d.createContext)(null);function L(e){let t=(0,d.useContext)(S);if(null===t){let t=Error(`<${e} /> is missing a parent <Tab.Group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,L),t}return t}function M(e,t){return(0,h.E)(t.type,z,e,t)}S.displayName="TabsActionsContext";let _=d.Fragment,B=u.AN.RenderStrategy|u.AN.Static,W=Object.assign((0,u.yV)(function(e,t){var n,r;let s=(0,x.M)(),{id:l=`headlessui-tabs-tab-${s}`,...a}=e,{orientation:i,activation:o,selectedIndex:c,tabs:A,panels:w}=R("Tab"),v=L("Tab"),j=R("Tab"),y=(0,d.useRef)(null),T=(0,g.T)(y,t);(0,p.e)(()=>v.registerTab(y),[v,y]);let I=P("tabs"),O=A.indexOf(y);-1===O&&(O=I);let F=O===c,C=(0,k.z)(e=>{var t;let n=e();if(n===f.fE.Success&&"auto"===o){let e=null==(t=(0,E.r)(y))?void 0:t.activeElement,n=j.tabs.findIndex(t=>t.current===e);-1!==n&&v.change(n)}return n}),z=(0,k.z)(e=>{let t=A.map(e=>e.current).filter(Boolean);if(e.key===m.R.Space||e.key===m.R.Enter){e.preventDefault(),e.stopPropagation(),v.change(O);return}switch(e.key){case m.R.Home:case m.R.PageUp:return e.preventDefault(),e.stopPropagation(),C(()=>(0,f.jA)(t,f.TO.First));case m.R.End:case m.R.PageDown:return e.preventDefault(),e.stopPropagation(),C(()=>(0,f.jA)(t,f.TO.Last))}if(C(()=>(0,h.E)(i,{vertical:()=>e.key===m.R.ArrowUp?(0,f.jA)(t,f.TO.Previous|f.TO.WrapAround):e.key===m.R.ArrowDown?(0,f.jA)(t,f.TO.Next|f.TO.WrapAround):f.fE.Error,horizontal:()=>e.key===m.R.ArrowLeft?(0,f.jA)(t,f.TO.Previous|f.TO.WrapAround):e.key===m.R.ArrowRight?(0,f.jA)(t,f.TO.Next|f.TO.WrapAround):f.fE.Error}))===f.fE.Success)return e.preventDefault()}),D=(0,d.useRef)(!1),S=(0,k.z)(()=>{var e;D.current||(D.current=!0,null==(e=y.current)||e.focus({preventScroll:!0}),v.change(O),(0,N.Y)(()=>{D.current=!1}))}),M=(0,k.z)(e=>{e.preventDefault()}),_=(0,d.useMemo)(()=>({selected:F}),[F]),B={ref:T,onKeyDown:z,onMouseDown:M,onClick:S,id:l,role:"tab",type:(0,b.f)(e,y),"aria-controls":null==(r=null==(n=w[O])?void 0:n.current)?void 0:r.id,"aria-selected":F,tabIndex:F?0:-1};return(0,u.sY)({ourProps:B,theirProps:a,slot:_,defaultTag:"button",name:"Tabs.Tab"})}),{Group:(0,u.yV)(function(e,t){let{defaultIndex:n=0,vertical:r=!1,manual:s=!1,onChange:l,selectedIndex:a=null,...i}=e,o=r?"vertical":"horizontal",c=s?"manual":"auto",x=null!==a,h=(0,g.T)(t),[m,b]=(0,d.useReducer)(M,{selectedIndex:null!=a?a:n,tabs:[],panels:[]}),w=(0,d.useMemo)(()=>({selectedIndex:m.selectedIndex}),[m.selectedIndex]),v=(0,A.E)(l||(()=>{})),j=(0,A.E)(m.tabs),N=(0,d.useMemo)(()=>({orientation:o,activation:c,...m}),[o,c,m]),E=(0,k.z)(e=>(b({type:1,tab:e}),()=>b({type:2,tab:e}))),T=(0,k.z)(e=>(b({type:3,panel:e}),()=>b({type:4,panel:e}))),P=(0,k.z)(e=>{O.current!==e&&v.current(e),x||b({type:0,index:e})}),O=(0,A.E)(x?e.selectedIndex:m.selectedIndex),F=(0,d.useMemo)(()=>({registerTab:E,registerPanel:T,change:P}),[]);return(0,p.e)(()=>{b({type:0,index:null!=a?a:n})},[a]),(0,p.e)(()=>{if(void 0===O.current||m.tabs.length<=0)return;let e=(0,f.z2)(m.tabs,e=>e.current);e.some((e,t)=>m.tabs[t]!==e)&&P(e.indexOf(m.tabs[O.current]))}),d.createElement(I,null,d.createElement(S.Provider,{value:F},d.createElement(D.Provider,{value:N},N.tabs.length<=0&&d.createElement(y,{onFocus:()=>{var e,t;for(let n of j.current)if((null==(e=n.current)?void 0:e.tabIndex)===0)return null==(t=n.current)||t.focus(),!0;return!1}}),(0,u.sY)({ourProps:{ref:h},theirProps:i,slot:w,defaultTag:_,name:"Tabs"}))))}),List:(0,u.yV)(function(e,t){let{orientation:n,selectedIndex:r}=R("Tab.List"),s=(0,g.T)(t);return(0,u.sY)({ourProps:{ref:s,role:"tablist","aria-orientation":n},theirProps:e,slot:{selectedIndex:r},defaultTag:"div",name:"Tabs.List"})}),Panels:(0,u.yV)(function(e,t){let{selectedIndex:n}=R("Tab.Panels"),r=(0,g.T)(t),s=(0,d.useMemo)(()=>({selectedIndex:n}),[n]);return(0,u.sY)({ourProps:{ref:r},theirProps:e,slot:s,defaultTag:"div",name:"Tabs.Panels"})}),Panel:(0,u.yV)(function(e,t){var n,r,s,l;let a=(0,x.M)(),{id:i=`headlessui-tabs-panel-${a}`,tabIndex:o=0,...c}=e,{selectedIndex:h,tabs:m,panels:f}=R("Tab.Panel"),b=L("Tab.Panel"),A=(0,d.useRef)(null),w=(0,g.T)(A,t);(0,p.e)(()=>b.registerPanel(A),[b,A]);let v=P("panels"),y=f.indexOf(A);-1===y&&(y=v);let k=y===h,N=(0,d.useMemo)(()=>({selected:k}),[k]),E={ref:w,id:i,role:"tabpanel","aria-labelledby":null==(r=null==(n=m[y])?void 0:n.current)?void 0:r.id,tabIndex:k?o:-1};return k||null!=(s=c.unmount)&&!s||null!=(l=c.static)&&l?(0,u.sY)({ourProps:E,theirProps:c,slot:N,defaultTag:"div",features:B,visible:k,name:"Tabs.Panel"}):d.createElement(j,{as:"span",...E})})});function H(){let[e,t]=(0,d.useState)([]),[n,r]=(0,d.useState)(!0),[s,l]=(0,d.useState)(!1),[a,o]=(0,d.useState)(null),[c,u]=(0,d.useState)(null);(0,d.useEffect)(()=>{r(!0),setTimeout(()=>{fetch("/api/gallery").then(e=>e.json()).then(e=>{t(e),x(e)})},500)},[]);let x=e=>{let t=e.flatMap(e=>e.images),n=t.map(e=>new Promise(t=>{let n=new Image;n.src=e,n.onload=t}));Promise.all(n).then(()=>{setTimeout(()=>{r(!1)},500)})};if(n)return(0,i.jsx)("div",{className:"flex justify-center items-center",children:(0,i.jsx)("div",{className:"animate-spin h-10 w-10 border-4 border-primary rounded-full border-t-transparent"})});let h=[...new Set(e.map(e=>e.directory))];return(0,i.jsxs)(i.Fragment,{children:[s&&(0,i.jsx)("div",{className:"fixed z-50 inset-0 overflow-y-auto bg-gray-100/10",children:(0,i.jsxs)("div",{className:"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0",children:[(0,i.jsx)("div",{className:"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity","aria-hidden":"true",onClick:()=>l(!1)}),(0,i.jsx)("span",{className:"hidden sm:inline-block sm:align-middle sm:h-screen","aria-hidden":"true",children:"​"}),(0,i.jsxs)("div",{className:"inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full",children:[(0,i.jsx)("img",{src:a,alt:"Selected image",className:"w-full h-auto"}),(0,i.jsxs)("div",{className:"bg-gray-50 px-4 py-3 sm:px-6 flex justify-between",children:[(0,i.jsx)("p",{children:c}),(0,i.jsx)("button",{type:"button",className:"inline-flex justify-end rounded-md border border-transparent shadow-sm px-4 py-2 bg-[#088395] text-xs md:text-base font-medium text-white hover:bg-[#35A29F] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#088395]",onClick:()=>l(!1),children:"close"})]})]})]})}),(0,i.jsx)("div",{className:"bg-gray-100 w-full border-gray px-2 sm:px-0",children:(0,i.jsxs)(W.Group,{children:[(0,i.jsx)("div",{className:"sticky absolute top-12 z-30",children:(0,i.jsx)(W.List,{className:"flex space-x-1 rounded-xl bg-blue-100 p-1 select-none",children:h.map(e=>(0,i.jsx)(W,{className:e=>{let{selected:t}=e;return function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter(Boolean).join(" ")}("w-full rounded-lg py-2.5 text-sm font-medium leading-5 text-[#071952]","ring-white ring-opacity-60 ring-offset-2 ring-offset-blue-400 focus:outline-none focus:ring-2",t?"bg-white shadow":"text-[#071952] hover:bg-white/[0.12]")},children:e},e))})}),(0,i.jsx)(W.Panels,{children:h.map(t=>(0,i.jsx)(W.Panel,{children:(0,i.jsx)("div",{className:"mx-auto max-w-2xl px-4 py-16 sm:px-6 sm:py-24 lg:max-w-7xl lg:px-8",children:e.filter(e=>e.directory===t).map(e=>(0,i.jsxs)("details",{children:[(0,i.jsx)("summary",{className:"text-base md:text-lg font-bold pt-4 select-none",children:e.subDirectory}),(0,i.jsx)("div",{className:"grid grid-cols-1 gap-x-6 gap-y-10 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 xl:gap-x-8",children:e.images.map((t,n)=>{let r=e.names[n];return(0,i.jsx)("a",{href:"#",onClick:e=>{e.preventDefault(),u(r),o(t),l(!0)},children:(0,i.jsx)("div",{className:"aspect-h-1 aspect-w-1 md:w-full overflow-hidden rounded-lg bg-gray-200 xl:aspect-h-8 xl:aspect-w-7",children:(0,i.jsx)("img",{src:t,className:"h-full w-full object-cover object-center group-hover:opacity-75"})})},n)})})]}))})},t))})]})})]})}function V(){return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{}),(0,i.jsx)(H,{}),(0,i.jsx)(c.Z,{})]})}}},function(e){e.O(0,[148,774,888,179],function(){return e(e.s=1983)}),_N_E=e.O()}]);