(()=>{"use strict";const e=window.React,t=window.ReactDOM,s=(window.wp.hooks,window.ReactJSXRuntime),n=window.wp.components,a=window.wp.i18n,r=()=>{const[t,r]=(0,e.useState)({name:"",description:"",rows:5,columns:5}),l=e=>{r((t=>({...t,...e})))};return(0,s.jsx)("div",{style:{border:"1px solid #e0e0e0"},children:(0,s.jsxs)(n.Card,{children:[(0,s.jsx)(n.CardHeader,{children:(0,s.jsx)("h2",{children:(0,a.__)("Add New Table","tablepress")})}),(0,s.jsx)(n.CardBody,{children:(0,s.jsxs)(n.__experimentalVStack,{spacing:"20px",style:{maxWidth:"500px"},children:[(0,s.jsx)(n.TextControl,{__nextHasNoMarginBottom:!0,name:"table[name]",label:(0,a.__)("Table Name","tablepress"),help:(0,a.__)("The name or title of your table.","tablepress"),value:t.name,onChange:e=>l({name:e})}),(0,s.jsx)(n.TextareaControl,{__nextHasNoMarginBottom:!0,name:"table[description]",label:(0,a.__)("Description","tablepress")+" "+(0,a.__)("(optional)","tablepress"),help:(0,a.__)("A description of the contents of your table.","tablepress"),value:t.description,onChange:e=>l({description:e}),rows:"4"}),(0,s.jsxs)(n.__experimentalHStack,{alignment:"left",spacing:"20px",children:[(0,s.jsx)("div",{style:{width:"150px"},children:(0,s.jsx)(n.__experimentalNumberControl,{name:"table[rows]",label:(0,a.__)("Number of Rows","tablepress"),help:(0,a.__)("The number of rows in your table.","tablepress"),title:(0,a.__)("This field must contain a positive number.","tablepress"),isDragEnabled:!1,value:t.rows,onChange:e=>l({rows:e}),min:1,max:99999,required:!0})}),(0,s.jsx)("div",{style:{width:"150px"},children:(0,s.jsx)(n.__experimentalNumberControl,{name:"table[columns]",label:(0,a.__)("Number of Columns","tablepress"),help:(0,a.__)("The number of columns in your table.","tablepress"),title:(0,a.__)("This field must contain a positive number.","tablepress"),isDragEnabled:!1,value:t.columns,onChange:e=>l({columns:e}),min:1,max:99999,required:!0})})]}),(0,s.jsx)(n.__experimentalHStack,{children:(0,s.jsx)(n.Button,{variant:"primary",type:"submit",text:(0,a.__)("Add Table","tablepress")})})]})})]})})};((e,s)=>{const n=document.getElementById("tablepress-add-screen");n&&(0,t.createRoot)(n).render(s)})(0,(0,s.jsx)(r,{}))})();