import React from 'react';
import { useTranslation } from 'react-i18next';
import { MatrixId } from './MatrixId';
import { Profile } from './Profile';
import { ContactInformation } from './ContactInfo';
import { IgnoredUserList } from './IgnoredUserList';
import { SettingsPage } from '../SettingsPage';

type AccountProps = {
  requestClose: () => void;
};
export function Account({ requestClose }: AccountProps) {
  const { t } = useTranslation();
  return (
    <SettingsPage title={t('Settings.account_title')} requestClose={requestClose}>
      <Profile />
      <MatrixId />
      <ContactInformation />
      <IgnoredUserList />
    </SettingsPage>
  );
}
