import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
import { Store } from '@ngrx/store';
import 'rxjs/add/operator/filter';
import '../util/takeUntilDestroyed';
import { CodeState } from '../redux/code';
import { IProject, ProjectService } from '../redux/project';
/**
 * The code component displays the code editor for participants/control state/
 */
export declare class CodeNavComponent implements OnInit, OnDestroy {
    private readonly store;
    private readonly project;
    private readonly cdRef;
    /**
     * Target CodeMirror text box.
     */
    value: keyof typeof CodeState;
    /**
     * Icon to display in the
     */
    icon: string;
    /**
     * Element role (button for accessibility)
     */
    role: string;
    /**
     * Whether the nav item is active.
     */
    isActive: boolean;
    constructor(store: Store<IProject>, project: ProjectService, cdRef: ChangeDetectorRef);
    ngOnInit(): void;
    ngOnDestroy(): void;
    onClick(): void;
}
