import React from 'react';
import Left from './Left';
import Hot from './Hot';
import Trend from './Trend';
import Manage from './Manage';
import RightBottom from './RightBottom';
import './index.less';

interface OverViewProps {
    classPrefix?: string;
    id: string;
    throwPoints: any[]
}

const OverView: React.FC<OverViewProps> = ({ classPrefix = '', id,throwPoints }) => {
    const prefix = `${classPrefix}-overview`;
    const common = {
        classPrefix: prefix,
        id
    }
    return (
        <div className={prefix}>
            <Left {...common} throwPoints={throwPoints}/>
            <div className={`${prefix}-middle`}>
                <Hot {...common} />
                <Trend {...common}/>
            </div>
            <div className={`${prefix}-right`}>
                <Manage {...common} />
                <RightBottom {...common} />
            </div>
        </div>
    );
};

export default OverView;
