You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
import React from 'react'
|
|
|
|
|
|
|
|
const time = {
|
|
|
|
morning: "صبح",
|
|
|
|
sunrise: "طلوع",
|
|
|
|
noon: "ظهر",
|
|
|
|
sunset: "غروب",
|
|
|
|
maghrib: "مغرب",
|
|
|
|
midnight: "نیمه شب",
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
const ReligiousTimes = ({hours}) => {
|
|
|
|
return (
|
|
|
|
<div className="flex flex-row items-center justify-around bg-white shadow rounded-md max-w-[420px] w-1/3">
|
|
|
|
{Object.keys(hours).map((hour,index) => (
|
|
|
|
<div className="flex flex-row items-center bg-pink-200" key={index}>
|
|
|
|
<span className="bg-red-400">
|
|
|
|
{time[hour]}
|
|
|
|
</span>
|
|
|
|
<span className="bg-blue-400">
|
|
|
|
{hours[hour]}
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
))}
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
export default ReligiousTimes
|
|
|
|
|
|
|
|
ReligiousTimes.defaultProps = {
|
|
|
|
hours: {
|
|
|
|
morningTime: "5:03",
|
|
|
|
sunriseTime: "6:27",
|
|
|
|
noonTime: "12:15",
|
|
|
|
sunsetTime: "18:05",
|
|
|
|
maghribTime: "18:23",
|
|
|
|
midnightTime: "23:34",
|
|
|
|
},
|
|
|
|
}
|