import React from 'react';
import { __ } from '@wordpress/i18n';
import {Text, Title} from '@mantine/core';

const MyZenHeader = () => {


  return (
      <div className="border rounded-lg mt-1 px-2 py-1 bg-blue-100">
        <div className="flex">
          <div className="text-base font-medium w-[50%]">
            <Text fz="sm">{__('Task Name', 'lazytasks-project-task-management')}</Text>
          </div>
          <div className="text-base font-medium w-[20%]">
            <Text fz="sm">{__('Date', 'lazytasks-project-task-management')}</Text>
          </div>
          <div className="text-base font-medium w-[10%]">
            <Text fz="sm">{__('Start Time', 'lazytasks-project-task-management')}</Text>
          </div>
          <div className="text-base font-medium w-[10%]">
            <Text fz="sm">{__('End Time', 'lazytasks-project-task-management')}</Text>
          </div>
          <div className="text-base font-medium w-[10%]">

          </div>
        </div>
      </div>
  );
};

export default MyZenHeader;