'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),t=require("react");exports.default=({className:s,styles:g})=>{let{t:p}=r.useI18nStore(),[n,l]=t.useState(!1),[o,i]=t.useState(!1),d=t.useRef(null),u=r.useEditorMode();return(t.useEffect(()=>{let e=new ResizeObserver(()=>{let e=d.current?d.current?.offsetWidth:0;e<160?i(!0):i(!1)});return d.current&&e.observe(d.current),()=>{e?.disconnect()}},[]),"edit"!==u)?null:e.jsxs(e.Fragment,{children:[g&&e.jsx("style",{children:g}),e.jsx("div",{ref:d,"data-slot":"children",className:r.cls(s,"gp-flex gp-h-full gp-w-full gp-items-center gp-rounded-[3px] gp-border gp-border-dashed gp-border-[#9e9e9e] after:!gp-content-none",n?"gp-cursor-pointer":""),onMouseEnter:()=>{l(!0)},onMouseLeave:()=>{l(!1)},children:e.jsxs("div",{className:`gp-border-box gp-bg-gray gp-flex gp-max-h-8 gp-items-center gp-justify-center gp-gap-2 gp-overflow-hidden gp-whitespace-nowrap gp-rounded-lg gp-px-4 gp-py-2 gp-text-xs gp-font-medium
          ${n?"gp-cursor-pointer gp-bg-[#E2E2E2] gp-text-[#212121]":"gp-text-[#9E9E9E]"}`,style:{flexFlow:"gp-row gp-wrap"},children:[e.jsx("div",{className:"gp-flex gp-h-4 gp-w-4 gp-items-center gp-justify-center",dangerouslySetInnerHTML:{__html:(()=>{let e=`<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M7.83301 7.83331V3.83331H9.16634V7.83331H13.1663V9.16665H9.16634V13.1666H7.83301V9.16665H3.83301V7.83331H7.83301Z" fill="#9E9E9E"/>
    </svg>
    `;return n&&(e=`<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M8.95 4.45C8.95 4.20147 8.74853 4 8.5 4C8.25147 4 8.05 4.20147 8.05 4.45V8.05H4.45C4.20147 8.05 4 8.25147 4 8.5C4 8.74853 4.20147 8.95 4.45 8.95H8.05V12.55C8.05 12.7985 8.25147 13 8.5 13C8.74853 13 8.95 12.7985 8.95 12.55V8.95H12.55C12.7985 8.95 13 8.74853 13 8.5C13 8.25147 12.7985 8.05 12.55 8.05H8.95V4.45Z" fill="#212121"/>
      </svg>`),e})()}}),!o&&e.jsx("div",{children:p("Drop element here")})]})})]})};
