import React from 'react' import PropTypes from 'prop-types' import classNames from 'classnames' import { useTranslation } from 'react-i18next' import Icon from '../../../shared/components/icon' function ChatToggleButton({ chatIsOpen, unreadMessageCount, onClick }) { const { t } = useTranslation() const classes = classNames( 'btn', 'btn-full-height', 'btn-full-height-no-border', { active: chatIsOpen } ) const hasUnreadMessages = unreadMessageCount > 0 return ( // eslint-disable-next-line jsx-a11y/anchor-is-valid {hasUnreadMessages ? ( {unreadMessageCount} ) : null}

{t('chat')}

) } ChatToggleButton.propTypes = { chatIsOpen: PropTypes.bool, unreadMessageCount: PropTypes.number.isRequired, onClick: PropTypes.func.isRequired, } export default ChatToggleButton