mue/src/features/time/components/VerticalClock.jsx

19 lines
586 B
JavaScript

function VerticalClock({ finalHour, finalMinute, finalSeconds }) {
const hourColour = localStorage.getItem('hourColour') || '#fff';
const minuteColour = localStorage.getItem('minuteColour') || '#ƒff';
return (
<span className="vertical-clock clock-container">
<div className="hour" style={{ color: hourColour }}>
{finalHour}
</div>
<div className="minute" style={{ color: minuteColour }}>
{finalMinute}
</div>
<div className="seconds">{finalSeconds}</div>
</span>
);
}
export { VerticalClock as default, VerticalClock };