import * as React from 'react';
import { TInvestmentReturn } from '@assetmark/common-elements/';
import './investmentReturn.style.css';
import { TAssessRiskProfile } from '../models/assessRiskProfile.model';
import { TRiskChoice } from '../models/riskChoice.model';
import 'bootstrap/dist/css/bootstrap.min.css';
export interface TInvestmentReturnProps {
    invesetmentRangeData?: TAssessRiskProfile[];
    barRangeSelected: number;
    investmentAmount?: number;
    choices?: TRiskChoice[];
    onNextButtonClick: (event: any) => void;
    onBackButtonClick: (event: any) => void;
    onSkipButtonClick?: (event: any) => void;
}
export interface TInvestmentReturnState {
    barRangeSelected: number;
}
export interface TInvestmentReturnRangeData {
    allSeries?: TInvestmentReturn[];
    seriesReturns: TInvestmentReturn;
}
export declare class InvestmentReturnComponent extends React.Component<TInvestmentReturnProps, TInvestmentReturnState> {
    constructor(props?: TInvestmentReturnProps, context?: any);
    render(): JSX.Element;
    private selectInvestmentRange;
    private getInvestmentReturnModelsFromChoices;
}