import { EuiSpacer } from '@elastic/eui' ; import React from 'react' ; import { getKueryBarBoolFilter , kueryBarPlaceholder , } from '../../../../common/backends' ; import { useApmParams } from '../../../hooks/use_apm_params' ; import { SearchBar } from '../../shared/search_bar' ; import { BackendInventoryDependenciesTable } from './backend_inventory_dependencies_table' ; export function BackendInventory ( ) { const { query : { environment } , } = useApmParams ( '/backends' ) ; const kueryBarBoolFilter = getKueryBarBoolFilter ( { environment , } ) ; return ( < > < SearchBar showTimeComparison kueryBarPlaceholder = { kueryBarPlaceholder } kueryBarBoolFilter = { kueryBarBoolFilter } / > < EuiSpacer size = "s" / > < BackendInventoryDependenciesTable /> < />); }