import { observer } from 'mobx-react-lite' ; import type { TabElementProps } from '@cloudbeaver/core-ui' ; import { useTab } from './useTab' ; import { useTabHandler } from './useTabHandler' ; export const TabHandlerPanel = observer < TabElementProps > ( function TabHandlerPanel ( { tabId , } ) { const tab = useTab ( tabId ) ; const handler = useTabHandler ( tab . handlerId ) ; const TabHandlerPanel = handler . getPanelComponent ( ) ; return < TabHandlerPanel tab = { tab } handler = { handler } / > ; } ) ;