\n
\n ,\n highlight: ,\n }}\n values={{\n day: toLocalizedNumber(currentHijriDate.hd, lang),\n month: t(`islamic-months.${currentHijriDate.hm}`),\n year: toLocalizedNumber(currentHijriDate.hy, lang, false, {\n useGrouping: false,\n }),\n gregorianDate: toLocalizedDate(currentHijriDate.date, lang, {\n dateStyle: 'long',\n }),\n }}\n />\n
\n ,\n highlight: ,\n }}\n values={{\n weekNumber: toLocalizedNumber(currentQuranicCalendarWeek, lang),\n }}\n />\n
\n
\n
\n
,\n normal:
,\n highlight:
,\n }}\n values={{\n weekNumber: toLocalizedNumber(currentQuranicCalendarWeek, lang),\n }}\n />\n\n
\n {hasJoined ? '' : t('join-quranic-calendar')}\n
\n
}\n >\n {hasJoined ? t('common:subscribed') : t('common:subscribe')}\n \n
\n
\n );\n};\n\nexport default JoinQuranicCalendarButton;\n","/* eslint-disable i18next/no-literal-string */\nimport React from 'react';\n\nimport useTranslation from 'next-translate/useTranslation';\n\nimport styles from '@/components/RamadanActivity/RamadanActivityHero/Hero.module.scss';\n\nconst QuranicCalendarHero = () => {\n const { t } = useTranslation('quranic-calendar');\n return (\n