import { CardContent } from '@assist/components/dashboard/CardContent'; import { CardsTitle } from '@assist/components/dashboard/CardsTitle'; import { useTasksStore } from '@assist/state/tasks'; import { Bullet } from '@assist/svg'; import { Disclosure } from '@headlessui/react'; import { check, chevronUp, Icon } from '@wordpress/icons'; import classNames from 'classnames'; export const MobileCards = ({ className, totalCompleted, tasks }) => { const { isCompleted } = useTasksStore(); return (
{tasks.map((task) => { const isCompletedTask = isCompleted(task.slug); return ( {({ open }) => ( <>
{task?.sidebarTitle ?? task.title}
)} ); })}
); };