import { Observable } from 'rxjs';
import { GasProgressColor } from '../../common/gas-progress/gas-progress.interface';
import { GasIcon } from '../../utils/gas-icons/icon/gas-icon.namespace';
/** @see https://www.figma.com/file/YDxRp3ZZaGFI4UoB6mCcBr/GAS20_Administration_Vote?node-id=246%3A18411 */
/**
 * @example <gas-progress-container title="text-title-string" subtitle="subtitle"> text-content-string </gas-progress-container>
 */
export declare class GasProgressContainerComponent {
    title: string;
    subtitle: string;
    percent: number;
    step: number;
    border: string | boolean;
    boxShadow: string | boolean;
    warning: string | boolean;
    error: string | boolean;
    inlineContent: string | boolean;
    isExpanded$: Observable<boolean>;
    private isExpandedSubject$;
    get progressColor(): GasProgressColor;
    get progressIcon(): GasIcon.Icons;
    constructor();
    toggleExpanded(element: HTMLElement): void;
    hasContent(element: HTMLElement): boolean;
}