https://smart-asset.ai/_next/static/chunks/feature-image-B-eabzMD.js

1import{r as e}from"./rolldown-runtime-hePW80VL.js";import{i as t,r as n}from"./framework-A1pNZAzD.js";import r from"./image-CTg-J1gY.js";var i=e(t(),1),a=n();function o({picture:e,eager:t=!1}){let n=(0,i.useRef)(null);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(`button`,{className:`ft-image-trigger`,type:`button`,"aria-label":e.caption+`を拡大する`,"aria-haspopup":`dialog`,onClick:()=>n.current?.showModal(),children:[(0,a.jsx)(r,{src:`/images/features/`+e.file+`-thumb.webp`,alt:e.alt,width:e.width,height:e.height,unoptimized:!0,loading:t?`eager`:`lazy`}),(0,a.jsx)(`span`,{className:`ft-image-zoom`,children:`画面を拡大して見る`})]}),(0,a.jsxs)(`dialog`,{className:`ft-image-dialog`,ref:n,"aria-label":e.caption+`の拡大画面`,children:[(0,a.jsxs)(`div`,{className:`ft-dialog-heading`,children:[(0,a.jsx)(`p`,{children:e.caption}),(0,a.jsx)(`button`,{type:`button`,autoFocus:!0,onClick:()=>n.current?.close(),children:`閉じる`})]}),(0,a.jsx)(`p`,{className:`ft-pan-help`,children:`画面に収まらない部分は、画像の中を上下・左右にスクロールして確認できます。`}),(0,a.jsx)(`div`,{className:`ft-image-viewport`,children:(0,a.jsx)(r,{className:`ft-expanded-image`,src:`/images/features/`+e.file+`-full.webp`,alt:e.alt,width:e.width,height:e.height,unoptimized:!0,loading:`lazy`})})]})]})}export{o as ScreenshotImage};