import { observer } from 'mobx-react-lite' ; import styled from 'reshadow' ; import { Tab } from '@cloudbeaver/core-ui' ; import { useTranslate } from '@cloudbeaver/core-localization' ; import { ComponentStyle , useStyles } from '@cloudbeaver/core-theming' ; interface Props { className ? : string ; style ? : ComponentStyle ; } export const UserAuthProvidersTab = observer < Props > ( function UserAuthProvidersTab ( { className , style , } ) { const translate = useTranslate ( ) ; const styles = useStyles ( style ) ; return styled ( styles ) ( < Tab tabId = 'auth-providers' style = { style } className = { className } > { translate ( 'plugin_user_profile_auth_providers' ) } < /Tab>); } ) ;