import { useI18n } from '~/src/lib/i18n';
import { Layout } from '~/src/ui/layouts/layout';
import { Text } from '~/src/ui/primitives/text';

export const NoSearchResults = ({ searchTerm }: { searchTerm: string }) => {
  const { t } = useI18n('dashboard');

  return (
    <Layout padding="4" justify="center">
      <Text variant="body" color="secondary">
        {t('noContentLinkMatches', { searchTerm })}
      </Text>
    </Layout>
  );
};