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