import * as React from 'react';
import { Moment } from 'moment';
import { IContainer } from '.';
declare type PhaseType = 'offering_created' | 'book_building' | 'allocation' | 'presale_start' | 'presale_end' | 'public_sale_start' | 'public_sale_end' | 'confirmed';
interface IStoDateTime {
    offeringCreatedTime?: string;
    bookbuildingStartTime?: string;
    bookbuildingEndTime?: string;
    preSaleStartTime?: string;
    preSaleEndTime?: string;
    publicSaleStartTime?: string;
    publicSaleEndTime?: string;
    issueDateTime?: string;
    terminatedAt?: string;
}
interface IProps extends IContainer {
    stoDateTime: IStoDateTime;
    defaultPhase: PhaseType;
    stoType: 'two_phases' | 'three_phases';
    onImportantDateClicked?: (type?: PhaseType) => void;
    hideTitle: boolean;
    skipFinalOffering?: boolean;
}
declare type Phase = {
    title: any;
    date: Moment;
    key?: PhaseType;
    clickable: boolean;
    isBig: boolean;
};
interface IState {
    selectedDateKey: PhaseType | undefined;
    phases: Array<Phase>;
}
export declare class StoTimeLine extends React.Component<IProps, IState> {
    static defaultProps: {
        defaultPhase: undefined;
        onImportantDateClicked: undefined;
        hideTitle: boolean;
        stoType: string;
    };
    constructor(props: IProps);
    componentDidMount(): void;
    render(): React.JSX.Element;
    private isPhaseClickable;
    private getRelativeMoment;
    private hasDatePast;
    private getBarPercent;
    private onDateClicked;
    private shouldShowTick;
    private getActiveStyle;
}
export {};