import { Component, Input } from '@angular/core';

@Component({
  moduleId: module.id,
  selector: 'event-thumbnail',
  templateUrl: 'event-thumbnail.component.html',
  styleUrls: ['event-thumbnail.component.css']
})
export class EventThumbnailComponent {
  @Input() event: any;

  getStartTimeStyle():any  {
    if (this.event && this.event.time === '8:00 am') {
      return { 'color': '#003300', 'font-weight': 'bold' }
    }

    if (this.event && this.event.time === '10:00 am') {
      return { 'color': 'red', 'font-weight': 'bold' }
    }

    return {};
  }
}

import { Component, Input } from '@angular/core';

@Component({
  moduleId: module.id,
  selector: 'event-thumbnail',
  templateUrl: 'event-thumbnail.component.html',
  styleUrls: ['event-thumbnail.component.css']
})
export class EventThumbnailComponent {
  @Input() event: any;

  getStartTimeStyle() {
    if (this.event && this.event.time === '8:00 am') {
      return { 'color': '#003300', 'font-weight': 'bold' }
    }

    if (this.event && this.event.time === '10:00 am') {
      return { 'color': 'red', 'font-weight': 'bold' }
    }

    return {};
  }
}

--- 
+++ 
@@ -9,7 +9,7 @@
 export class EventThumbnailComponent {
   @Input() event: any;
 
-  getStartTimeStyle() {
+  getStartTimeStyle():any  {
     if (this.event && this.event.time === '8:00 am') {
       return { 'color': '#003300', 'font-weight': 'bold' }
     }
Fix bug: No best common type exists among return expressions
