import React from 'react' ; import cx from 'classnames' ; import { Button as SUIButton , ButtonProps as SUIButtonProps } from 'semantic-ui-react' ; import Tooltip , { TooltipProps } from '../../Tooltip' ; import common from '../../../common.scss' ; import styles from './styles.scss' ; export type UserPanelButtonProps = SUIButtonProps & { icon : SUIButtonProps [ 'icon' ] ; tooltipContent : TooltipProps [ 'content' ] ; } ; const UserPanelButton = ( { className , tooltipContent , ... rest } ) => < Tooltip content = { tooltipContent } position = 'top center' trigger = { < SUIButton className = { cx ( common . nuclear , styles . user_panel_button , className ) } { ... rest } />}/ > ; export default UserPanelButton ;