import{r as e}from"./rolldown-runtime-S-ySWqyJ.js";import{i as t,r as n}from"./framework-CXnKph_e.js";import{n as r,t as i}from"./InnerPage-D77o7cMS.js";var a=e(t(),1),o=n(),s=[{img:`asset-12b-patient-enhanced-smile.png`,cap:`Natural smile enhancement`},{img:`asset-07-digital-dental-jaw-scan.png`,cap:`Digital consultation`},{img:`asset-06-dental-scanner.png`,cap:`Precision scanning`},{img:`asset-04-invisible-aligner.png`,cap:`Aligner transformation`},{img:`asset-03-dental-implant.png`,cap:`Implant restoration`}];function c(){let[e,t]=(0,a.useState)(-1);return(0,a.useEffect)(()=>{let n=n=>{n.key===`Escape`&&t(-1),e>=0&&n.key===`ArrowRight`&&t((e+1)%s.length),e>=0&&n.key===`ArrowLeft`&&t((e-1+s.length)%s.length)};return addEventListener(`keydown`,n),()=>removeEventListener(`keydown`,n)},[e]),(0,o.jsxs)(r,{children:[(0,o.jsx)(i,{kicker:`Smile gallery`,title:`Results that still feel like you.`,copy:`Explore thoughtful transformations and the technology behind them.`}),(0,o.jsx)(`section`,{className:`gallery-grid`,children:s.map((e,n)=>(0,o.jsxs)(`button`,{onClick:()=>t(n),children:[(0,o.jsx)(`img`,{src:`/assets/${e.img}`,alt:e.cap}),(0,o.jsx)(`span`,{children:e.cap})]},e.img))}),e>=0&&(0,o.jsxs)(`div`,{className:`lightbox`,role:`dialog`,"aria-modal":`true`,children:[(0,o.jsx)(`button`,{onClick:()=>t(-1),"aria-label":`Close`,children:`×`}),(0,o.jsx)(`button`,{onClick:()=>t((e-1+s.length)%s.length),"aria-label":`Previous`,children:`←`}),(0,o.jsxs)(`figure`,{children:[(0,o.jsx)(`img`,{src:`/assets/${s[e].img}`,alt:s[e].cap}),(0,o.jsxs)(`figcaption`,{children:[e+1,` / `,s.length,` · `,s[e].cap]})]}),(0,o.jsx)(`button`,{onClick:()=>t((e+1)%s.length),"aria-label":`Next`,children:`→`})]})]})}export{c as default};