import { useVisibleOnII } from '../use-visible-on-ii' ; import { DataCharts } from './data-charts' ; import { DataGrid } from './data-grid' ; import { DataHandler } from './data-handler' ; import { DataToolbar } from './data-toolbar' ; import { DataContainer } from './widgets' ; export const Data = ( ) => { const { visible , inspection , indicator } = useVisibleOnII ( ) ; if ( ! visible ) { return null ; } return < > < DataContainer > < DataToolbar inspection = { inspection ! } /> < DataCharts inspection = { inspection ! } indicator = { indicator ! } / > < DataGrid inspection = { inspection ! } indicator = { indicator ! } / > < /DataContainer> < DataHandler inspection = { inspection ! } / > < />; } ;