import { observer } from 'mobx-react-lite' ; import styled from 'reshadow' ; import { TabTitle , Tab , TabContainerTabComponent } from '@cloudbeaver/core-ui' ; import { Translate } from '@cloudbeaver/core-localization' ; import { useStyles } from '@cloudbeaver/core-theming' ; import type { IConnectionFormProps } from '../IConnectionFormProps' ; export const OriginInfoTab = observer ( function OriginInfoTab ( { state : { info } , style , ... rest } ) { return styled ( useStyles ( style ) ) ( < Tab { ... rest } style = { style } > < TabTitle > < Translate token = { info ?. origin ?. displayName || 'Origin' } / > < /TabTitle> < /Tab>); } ) ;