import React from 'react';
import PropTypes from 'prop-types';
import { withTranslation } from 'react-i18next';
import PageListIcon from './Icons/PageListIcon';
import CustomNavigation from './CustomNavigation';
import PageList from './PageList';


const TrashPageList = (props) => {
  const { t } = props;

  const navTabMapping = {
    pagelist: {
      icon: <PageListIcon />,
      i18n: t('page_list'),
      tabContent: <PageList />,
      index: 0,
    },
  };

  return (
    <div className="grw-trash-page mt-5">
      <CustomNavigation navTabMapping={navTabMapping} />
    </div>
  );
};

TrashPageList.propTypes = {
  t: PropTypes.func.isRequired, //  i18next
};

export default withTranslation()(TrashPageList);