import React from 'react';
import WindowToggle from "./components/WindowToggle";
import WarningRecordList from "./components/WarningRecordList";
export var RealTimeMonitor = function RealTimeMonitor(props) {
  var videoDataSource = props.videoDataSource,
    handleWindowClick = props.handleWindowClick,
    handleCloseButtonClick = props.handleCloseButtonClick,
    selectedWindowKey = props.selectedWindowKey,
    warningDataSource = props.warningDataSource,
    viewLargerImageModalRef = props.viewLargerImageModalRef,
    handleDownloadImg = props.handleDownloadImg,
    onRecordClick = props.onRecordClick,
    selectedRecordId = props.selectedRecordId,
    isRecordListLoading = props.isRecordListLoading;
  return /*#__PURE__*/React.createElement("div", {
    className: "zhst-biz-real-time-monitor",
    style: {
      display: 'flex'
    }
  }, /*#__PURE__*/React.createElement(WindowToggle, {
    selectedWindowKey: selectedWindowKey,
    dataSource: videoDataSource,
    handleWindowClick: handleWindowClick,
    handleCloseButtonClick: handleCloseButtonClick
  }), /*#__PURE__*/React.createElement(WarningRecordList, {
    dataSource: warningDataSource,
    handleDownloadImg: handleDownloadImg,
    onRecordClick: onRecordClick,
    selectedRecordId: selectedRecordId,
    viewLargerImageModalRef: viewLargerImageModalRef,
    isRecordListLoading: isRecordListLoading,
    recordListTitle: "\u76D1\u63A7\u9884\u8B66\u8BB0\u5F55"
  }));
};
export default RealTimeMonitor;