content: import React from 'react';
  import cn from 'classnames';
  import dates from './utils/dates';
  import { accessor as get } from './utils/accessors';
  
  class EventCell extends React.Component {
      render() {
          let {
              className,
              event,
              selected,
              eventPropGetter,
              startAccessor,
              endAccessor,
              titleAccessor,
              slotStart,
              slotEnd,
              onSelect,
              component,
              ...props
          } = this.props;
  
          let Component = component;
  
          let title = get(event, titleAccessor),
              end = get(event, endAccessor),
              start = get(event, startAccessor),
              isAllDay = get(event, props.allDayAccessor),
              continuesPrior = dates.lt(start, slotStart, 'day'),
              continuesAfter = dates.gt(end, slotEnd, 'day');
  
          const titleTooltip = typeof title === 'string' ? title : '';
  
          if (eventPropGetter) var { style, className: xClassName } = eventPropGetter(event, start, end, selected); //eslint-disable-line
  
          return (
              <div
                  style={{ ...props.style, ...style }}
                  className={cn('rbc-event', className, xClassName, {
                      'rbc-selected': selected,
                      'rbc-event-allday': isAllDay || dates.diff(start, dates.ceil(end, 'day'), 'day') > 1,
                      'rbc-event-continues-prior': continuesPrior,
                      'rbc-event-continues-after': continuesAfter
                  })}
                  onClick={() => onSelect(event)}
              >
                  <div className="rbc-event-content" title={titleTooltip}>
                      {Component ? <Component event={event} title={title} /> : title}
                  </div>
              </div>
          );
      }
  }
  
  export default EventCell;
  