import { Container } from '@mantine/core';
import { FeatureUnavailable } from '@ema-platform/ui';
import { useTranslation } from 'react-i18next';

/**
 * Placeholder until this feature has a backend.
 *
 * This page previously rendered invented figures/records that were
 * indistinguishable from real ones.
 */
export function DocumentVaultPage() {
  const { t } = useTranslation();

  return (
    <Container size="lg" py="xl">
      <FeatureUnavailable
        title={t('featureUnavailable.documents.title')}
        description={t('featureUnavailable.documents.description')}
      />
    </Container>
  );
}

export default DocumentVaultPage;
