/home/edulekha/heavenbuildpro.com/wp-content/plugins/extendify/src/Assist/components/TaskBadge.js
import { useTasksStore } from '@assist/state/Tasks'

export const TaskBadge = (props) => {
    const { isCompleted } = useTasksStore()
    const tasks = window.extAssistData.resourceData.tasks
    const { themeSlug, launchCompleted } = window.extAssistData
    if (themeSlug !== 'extendable' || !launchCompleted) return null
    const taskCount =
        tasks?.filter(({ slug }) => !isCompleted(slug)).length ?? 0
    if (taskCount === 0) return null
    return (
        <span className="awaiting-mod" {...props}>
            {taskCount > 9 ? '9' : taskCount}
        </span>
    )
}