import React, { useState } from 'react';
import { SubTabsLine, SubTabPane } from '../../../vm-sub-tabs';
import { VMRangePicker } from '../../../vm-filter';
import { ExportBtn } from '../../../vm-table';
import WGGSContent from './Content';
// import { throwFailPersonService } from '../../api'
import './index.less';

interface WGGSProps {
    classPrefix?: string;
}

const WGGS = ({ classPrefix = '' }: WGGSProps) => {
    const prefix = `${classPrefix}-wggs`;
    const [tab, setTab] = useState('all');
    const onTabChange = (tab: string) => {
        setTab(tab);
    };
    const searchContent = (
        <div>
            <VMRangePicker style={{ marginRight: 10 }} />
            <ExportBtn />
        </div>
    );
    return (
        <div className={prefix}>
            <SubTabsLine activeKey={tab} onChange={onTabChange} tabBarExtraContent={searchContent}>
                <SubTabPane subKey="all" key="all" tab="所有投放点">
                    <WGGSContent classPrefix={prefix} />
                </SubTabPane>
                {/*<SubTabPane subKey="2" tab="所有投放点2">*/}
                {/*    <WGGSContent classPrefix={prefix} />*/}
                {/*</SubTabPane>*/}
            </SubTabsLine>
        </div>
    );
};
export default WGGS;
