import { MatIconRegistry } from '@angular/material';
import { DomSanitizer } from '@angular/platform-browser';
import { Store } from '@ngrx/store';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';
import { CodeState } from '../redux/code';
import { IProject } from '../redux/project';
/**
 * The host component holds the arrangement of macroscopic editor components.
 */
export declare class HostComponent {
    private readonly store;
    /**
     * The current state of the code editor.
     */
    editorState: Observable<CodeState>;
    /**
     * Width of the left-hand editor pane.
     */
    editorWidth: Observable<number>;
    /**
     * Template hoist for the CodeState enum.
     */
    CodeState: typeof CodeState;
    constructor(icons: MatIconRegistry, sanitizer: DomSanitizer, store: Store<IProject>);
}
