import { PureComponent } from 'react';

import './reminder.scss';
import Tooltip from '../../helpers/tooltip/Tooltip';
import { MdClose, MdSnooze, MdWork } from 'react-icons/md';

export default class Reminder extends PureComponent {
  render() {
    return (
      <div className="reminder">
        <div
          className="identifier"
          style={{
            backgroundColor: localStorage.getItem('reminderColour') || 'orange',
          }}
        >
          <MdWork />
        </div>
        <div className="content">
          <span className="title">Reminder</span>
          <span className="subtitle">Time</span>
        </div>
        <div className="icons">
          <Tooltip title="Remove">
            <MdClose />
          </Tooltip>
          <Tooltip title="Snooze">
            <MdSnooze />
          </Tooltip>
        </div>
      </div>
    );
  }
}