import React from 'react';
import './timer.css';

const DateTimeDisplay = ({ value, type, isDanger }) => {
  return (
    <div className={isDanger ? 'countdown danger' : 'countdown'}>
      <p className='md:text-head text-title-mobile font-semibold'>{value}</p>
      <span className='md:text-title text-p-mobile font-semibold'>{type}</span>
    </div>
  );
};

export default DateTimeDisplay;