import { useTranslation } from 'react-i18next';
import { Page, Block, Button } from '@cap-rel/smartcommon';

export const TasksPage = () => {
    const { t } = useTranslation();

    return (
        <Page title={t('tasks.title')}>
            <Block>
                <Button>{t('tasks.new')}</Button>

                {tasks.length === 0 && (
                    <p>{t('tasks.empty')}</p>
                )}
            </Block>
        </Page>
    );
};