import { observer } from 'mobx-react-lite' ; import { useController } from '@cloudbeaver/core-di' ; import type { DialogComponent } from '@cloudbeaver/core-dialogs' ; import { useTranslate } from '@cloudbeaver/core-localization' ; import { CustomConnectionController } from './CustomConnectionController' ; import { DriverSelectorDialog } from './DriverSelectorDialog/DriverSelectorDialog' ; export const CustomConnectionDialog = observer ( function CustomConnectionDialog ( { rejectDialog , } ) { const controller = useController ( CustomConnectionController , rejectDialog ) ; const translate = useTranslate ( ) ; return ( < DriverSelectorDialog title = { translate ( 'basicConnection_connectionDialog_newConnection' ) } drivers = { controller . drivers } isLoading = { controller . isLoading } onSelect = { controller . onDriverSelect } onClose = { rejectDialog } / > ) ; } ) ;