import React from "react";

export default function MiniTimeCard({ time, index }) {
  const element = ["İmsak", "Güneş", "Öğle", "İkindi", "Akşam", "Yatsı"];
  return (
    <div className="justify-center items-center ">
      <div className="w-16 text-center bg-[#e0e0e0] text-[#5c5c5c] font-normal lg:text-xl p-1 ">
        {element[index]}
      </div>
      <div className="w-16 text-center bg-[#cbcbcb] text-[#257869] font-bold lg:text-xl p-1 ">
        {time}
      </div>
    </div>
  );
}
