import React from 'react';
import classNames from 'classnames';
import CompensatedPisellContainer from "../../../../../../../pro/compensatedPisellContainer";
import WorkAreaList from "../WorkAreaList";
/** phone variant 下承载工作区域列表的底部抽屉。 */
var WorkAreaDrawer = function WorkAreaDrawer(_ref) {
  var open = _ref.open,
    currentVariant = _ref.currentVariant,
    loading = _ref.loading,
    workAreas = _ref.workAreas,
    selectedWorkAreaId = _ref.selectedWorkAreaId,
    getText = _ref.getText,
    translation = _ref.translation,
    onClose = _ref.onClose,
    onCreate = _ref.onCreate,
    onSelect = _ref.onSelect,
    onEdit = _ref.onEdit,
    onDelete = _ref.onDelete;
  return /*#__PURE__*/React.createElement(CompensatedPisellContainer, {
    renderType: "drawer",
    showHandlerBar: true,
    props: {
      open: open,
      placement: 'bottom',
      height: '80dvh',
      className: classNames('saas-app-device-planning-workarea-drawer', "saas-app-device-planning-workarea-drawer--".concat(currentVariant)),
      destroyOnClose: true,
      onClose: onClose,
      closable: false,
      bodyStyle: {
        padding: 0
      }
    }
  }, /*#__PURE__*/React.createElement(WorkAreaList, {
    className: "saas-app-device-planning-sider--drawer",
    loading: loading,
    workAreas: workAreas,
    selectedWorkAreaId: selectedWorkAreaId,
    getText: getText,
    translation: translation,
    onCreate: onCreate,
    onSelect: onSelect,
    onEdit: onEdit,
    onDelete: onDelete
  }));
};
export default WorkAreaDrawer;