local-weather/components/HourlyCard/HourlyCard.tsx

17 lines
614 B
TypeScript
Raw Normal View History

import { HourlyCardPropType } from "@/types/types"
2024-05-12 05:06:44 +00:00
import WeatherIcon from "../WeatherIcon"
import HourlyTemp from "./HourlyTemp"
import HourlyTime from "./HourlyTime";
export default function HourlyCard(props: HourlyCardPropType) {
const time = props.time;
2024-05-10 17:23:02 +00:00
const weatherCode = props.weatherCode
const temperature = props.temperature
return (
2024-05-10 17:23:02 +00:00
<div className="m-2 text-center shadow-md border-slate-200 border-2 rounded">
<WeatherIcon weatherCode={weatherCode}/>
<HourlyTemp temperature={temperature} />
<HourlyTime time={time} />
2024-05-10 17:23:02 +00:00
</div>
)
};