import{memo as e}from"react";import{arrayOf as o,shape as i,string as r,func as n,number as t,bool as s}from"prop-types";import{SortableContainer as m}from"react-sortable-hoc";import{makeStyles as a}from"@material-ui/core";import l from"./SortableComponent.js";import{jsx as d}from"react/jsx-runtime";var p=a({body:{flex:1,minHeight:0,zIndex:0,position:"relative"}}),u=m((function(e){var o=e.components,i=e.validate,r=e.sortableIndex,n=e.onDeleteComponent,t=e.onSaveComponent,s=e.isMobile,m=e.viewColumnsPerRow,a=e.editColumnsPerRow,u=p();return d("div",{className:u.body,children:o.map((function(e,p){return d(l,{index:p,isSortable:r===p,sortableIndex:r,component:e,isTopComponent:0===p,isLastCompnent:p===o.length-1,validate:i,onDelete:n,onSave:t,isMobile:s,viewColumnsPerRow:m,editColumnsPerRow:a},e.id)}))})}));u.propTypes={components:o(i({id:r.isRequired})),validate:n.isRequired,sortableIndex:t.isRequired,onSaveComponent:n.isRequired,onDeleteComponent:n.isRequired,isMobile:s.isRequired,viewColumnsPerRow:t.isRequired,editColumnsPerRow:t.isRequired};var v=e(u);export{v as default};
