/* eslint-disable react/no-unstable-nested-components */
/* eslint-disable no-console */
import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
import { Box, Typography } from '@mui/material';
import React from 'react';
import SpacesBackupRecordsCalendar from './backups-calendar';
import SpacesBackupRecordsTable from './backups-table';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
function SpacesBackupRecords({
  ...rest
}) {
  const {
    t
  } = useLocaleContext();
  return /*#__PURE__*/_jsxs(Box, {
    ...rest,
    children: [/*#__PURE__*/_jsx(Box, {
      sx: {
        display: 'flex',
        justifyContent: 'space-between',
        alignItems: 'center',
        mb: 3
      },
      children: /*#__PURE__*/_jsx(Typography, {
        sx: {
          fontSize: '1.2rem',
          fontWeight: 'bold'
        },
        children: t('storage.spaces.backup.records')
      })
    }), /*#__PURE__*/_jsx(SpacesBackupRecordsCalendar, {}), /*#__PURE__*/_jsx(SpacesBackupRecordsTable, {})]
  });
}
export default SpacesBackupRecords;