import {Component} from 'angular2/core';

import {QueryState} from './query-state';
import {QuerySelectComponent} from './query-select.component';
import {QueryResultComponent} from './query-result.component';

@Component({
    selector: 'my-text',
    template: `
        <h1>My Angular 2 Text: {{title}}</h1>
        <p>Selected option: {{selectedOption}}</p>
        <query-select [selectedOption]="selectedOption"></query-select>
        <query-result [queryState]="queryState"></query-result>
        `,
    directives: [QuerySelectComponent, QueryResultComponent]
})
    
export class AppComponent { 
    public title = 'huhu!';
    public selectedOption = 'unknown';
    
    public queryState: QueryState;
    
    
}