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

// #docregion inlinestyles
@Component({
  selector: 'hero-controls',
  template: `
    <style>
      button {
        background-color: white;
        border: 1px solid #777;
      }
    </style>
    <h3>Controls</h3>
    <button (click)="activate()">Activate</button>
  `
})
// #enddocregion inlinestyles
export class HeroControlsComponent {
  @Input() hero: Hero;

  activate() {
    this.hero.active = true;
  }
}