import React from 'react';
import { useTranslation } from 'react-i18next';
import { SystemNotification } from './SystemNotification';
import { AllMessagesNotifications } from './AllMessages';
import { SpecialMessagesNotifications } from './SpecialMessages';
import { KeywordMessagesNotifications } from './KeywordMessages';
import { SettingsPage } from '../SettingsPage';

type NotificationsProps = {
  requestClose: () => void;
};
export function Notifications({ requestClose }: NotificationsProps) {
  const { t } = useTranslation();
  return (
    <SettingsPage title={t('Settings.notifications_title')} requestClose={requestClose}>
      <SystemNotification />
      <AllMessagesNotifications />
      <SpecialMessagesNotifications />
      <KeywordMessagesNotifications />
    </SettingsPage>
  );
}
