import { weekdays } from "../../utils/date-info";
import { months } from "../../utils/date-info";

const DateHeader = () => {
  const currentDate = new Date();

  return (
    <div className="bg-slate-500 px-96 py-2 flex justify-between">
      <section className="flex gap-10">
        <button className="text-white font-bold">Home</button>
      </section>
      <h1 className="text-white">
        {weekdays[currentDate.getDay() - 1]} ● {currentDate.getDate()}{" "}
        {months[currentDate.getMonth()]} {currentDate.getFullYear()}
      </h1>
      <div></div>
    </div>
  );
};

export default DateHeader;
