import { Filters } from '../../../commons/entities/filters.entity';
import TopApplicationsComponent from '../../../device-insights/components/bottom-details/components/top-applications/top-applications.component';
import TopDevicesComponent from '../../../device-insights/components/bottom-details/components/top-devices/top-devices.component';
import './application-devices.component.scss';
const ApplicationDevicesComponent = (filters: any) => {
    const applicationProps = { ...filters, ...{ applications: true } };
    return (
        <div className={'application-devices-wrapper'}>
            <div className={'application-devices-left'}>
                {/*<TopApplicationsComponent {...filters} />*/}
                <TopDevicesComponent {...applicationProps} />
            </div>
            <div className={'application-devices-right'}>
                <TopDevicesComponent {...filters} />
            </div>
        </div>
    );
};

export default ApplicationDevicesComponent;