import { Icon, Share } from '@linagora/twake-icons'
import classNames from 'classnames'
import React from 'react'

import styles from '../styles/badge.styl'

const SharedBadge = ({ byMe, className, small, xsmall }) => (
  <div
    className={classNames(
      styles['shared-badge'],
      className,
      { [styles['--small']]: small },
      { [styles['--xsmall']]: xsmall },
      styles[byMe ? '--by-me' : '--with-me']
    )}
  >
    <Icon
      icon={Share}
      color="var(--primaryContrastTextColor)"
      className={styles['shared-badge-icon']}
    />
  </div>
)

export default SharedBadge