import 'package:angular/angular.dart';
import 'package:angular_components/angular_components.dart';
import 'package:rules_of_living/components/configuration_component.dart';
import 'package:rules_of_living/components/controls_component.dart';
import 'package:rules_of_living/components/header_component.dart';
import 'package:rules_of_living/components/simulation_component.dart';
import 'package:rules_of_living/service/configuration_service.dart';
import 'package:rules_of_living/service/engine_service.dart';

@Component(
  selector: 'my-app',
  templateUrl: "app_component.html",
  directives: [
    coreDirectives,
    MaterialButtonComponent,
    MaterialIconComponent,
    MaterialSliderComponent,
    HeaderComponent,
    SimulationComponent,
    ControlsComponent,
    ConfigurationComponent
  ],
  providers: [
    materialProviders,
    ClassProvider(EngineService),
    ClassProvider(ConfigurationService),
  ],
  styleUrls: const [
    'package:angular_components/app_layout/layout.scss.css',
    'app_component.css'
  ],
)
class AppComponent {
  var name = "World";
}