1import React from 'react'
 2import { Panel, PanelGroup, PanelResizeHandle } from 'react-resizable-panels'
 3import { InboundsHostsFilters } from './filters'
 4import { InboundsSidebar } from './inbounds-sidebar'
 5import { HostsTable } from './table'
 6
 7export const InboundsHostsManager = () => {
 8  return (
 9    <>
10      <InboundsHostsFilters />
11      <PanelGroup direction="horizontal">
12        <Panel id="sidebar" minSize={20} order={1}>
13          <InboundsSidebar />
14        </Panel>
15        <PanelResizeHandle />
16        <Panel minSize={60} order={2}>
17          <HostsTable />
18        </Panel>
19      </PanelGroup>
20    </>
21  )
22}