import { observer } from 'mobx-react-lite' ; import styled from 'reshadow' ; import { TabTitle , Tab , TabContainerTabComponent } from '@cloudbeaver/core-ui' ; import { useMapResource } from '@cloudbeaver/core-blocks' ; import { NetworkHandlerResource , SSH_TUNNEL_ID } from '@cloudbeaver/core-connections' ; import { Translate } from '@cloudbeaver/core-localization' ; import { useStyles } from '@cloudbeaver/core-theming' ; import type { IConnectionFormProps } from '../IConnectionFormProps' ; export const SSHTab = observer ( function SSHTab ( { style , ... rest } ) { const styles = useStyles ( style ) ; const handler = useMapResource ( SSHTab , NetworkHandlerResource , SSH_TUNNEL_ID ) ; return styled ( styles ) ( < Tab { ... rest } title = { handler . data ?. description } style = { style } > < TabTitle > < Translate token = { handler . data ?. label || 'connections_network_handler_ssh_tunnel_title' } / > < /TabTitle> < /Tab>); } ) ;