import styled from 'reshadow' ; import type { AdministrationItemDrawerProps } from '@cloudbeaver/core-administration' ; import { Tab , TabTitle , TabIcon } from '@cloudbeaver/core-ui' ; import { Translate } from '@cloudbeaver/core-localization' ; import { useStyles } from '@cloudbeaver/core-theming' ; export const WelcomeDrawerItem = function WelcomeDrawerItem ( { item , onSelect , style , disabled , } ) { return styled ( useStyles ( style ) ) ( < Tab tabId = { item . name } disabled = { disabled } onOpen = { ( ) => onSelect ( item . name ) } > < TabIcon icon = '/icons/welcome_bold.svg' viewBox = '0 0 16 16' / > < TabTitle > < Translate token = 'administration_configuration_wizard_welcome' / > < /TabTitle> < /Tab>); } ;