import { WorkingHourRecommended } from '@/types/workingHour';
import React from 'react';
import moment from 'moment';

//styles
import s from './CheckOpen.module.scss';

const CheckOpen = ({
  workingHour,
}: {
  workingHour?: WorkingHourRecommended;
}) => {
  const currentTime = new Date(Date.now());

  if (!workingHour) {
    return <p className={s.closed}>ZATVORENO</p>;
  }
  if (
    currentTime.getHours() > moment(workingHour.openingHour).hour() &&
    currentTime.getHours() < moment(workingHour.closingHour).hour()
  ) {
    return <p className={s.open}>OTVORENO</p>;
  }
  return <p className={s.closed}>ZATVORENO</p>;
};

export default CheckOpen;