import { observer } from 'mobx-react-lite' ; import styled from 'reshadow' ; import { BASE_CONTAINERS_STYLES , Switch } from '@cloudbeaver/core-blocks' ; import { useTranslate } from '@cloudbeaver/core-localization' ; import type { ServerConfigInput } from '@cloudbeaver/core-sdk' ; import { useStyles } from '@cloudbeaver/core-theming' ; interface Props { serverConfig : ServerConfigInput ; } export const ServerConfigurationConfigurationForm = observer < Props > ( function ServerConfigurationConfigurationForm ( { serverConfig , } ) { const translate = useTranslate ( ) ; return styled ( useStyles ( BASE_CONTAINERS_STYLES ) ) ( < > < Switch name = "customConnectionsEnabled" state = { serverConfig } description = { translate ( 'administration_configuration_wizard_configuration_custom_connections_description' ) } mod = { [ 'primary' ] } small autoHide > { translate ( 'administration_configuration_wizard_configuration_custom_connections' ) } < /Switch> < />); } ) ;