import ChartIconWrapper from '~/src/components/Icon/ChartIcon';
import { useI18n } from '~/src/lib/i18n';
import { Container } from '~/src/ui/layouts/container';
import { Layout } from '~/src/ui/layouts/layout';
import { Text } from '~/src/ui/primitives/text';

export const NoContentLinkAnalytics = () => {
  const { t } = useI18n('dashboard');

  return (
    <Container>
      <Layout column gap="6" align="center" justify="center" minHeight="30rem">
        <ChartIconWrapper size={48} />
        <Text align="center">{t('noContentLinkAnalytics')}</Text>
      </Layout>
    </Container>
  );
};