import Text from '~/src/components/Text';
import { useI18nDynamic } from '~/src/lib/i18n';
import { Layout } from '~/src/ui/layouts/layout';

export const EmptyState = ({ hasChannels }: { hasChannels: boolean }) => {
  const { t } = useI18nDynamic('contentLink');

  return (
    <Layout column align="center" justify="center" minHeight="6rem">
      <Text size="1.4rem" color="#888" centered>
        {hasChannels ? t('channels.noMatches') : t('channels.empty')}
      </Text>
    </Layout>
  );
};