'use client';
import{jsxs as e,jsx as r}from"react/jsx-runtime";import t from"./AdaptiveImage.js";import{makeResponsiveSetting as o}from"../common/helpers.js";import{createStyle as s,createClass as m}from"@gem-sdk/system";import{getFigureClass as a,getAdaptiveClass as i,getImageClass as l}from"../common/classes.js";import{getFigureStyle as c,getImageStyle as p}from"../common/styles.js";let n=({styles:n,setting:d,builderAttrs:f,style:y,children:j,onClick:u})=>{let g=s(c(n)),h=m(a()),b=m(i()),N=s(p(n,y)),k=m(l());return e("div",{...f,onClick:u,role:"presentation",className:k,style:N,children:[r("figure",{className:h,style:g,children:r(t,{srcSet:d?.srcSet,className:b,alt:d?.alt,aspectRatio:o(n?.aspectRatio),layout:o(n?.objectFit),priority:d?.priority,enableBorder:n?.enableBorder})}),j]})};export{n as default};
