box-ui-elements/src/elements/content-sidebar/versions/VersionsItemBadge.js

Box UI Elements

/**
 * @flow
 * @file Versions Item Badge component
 * @author Box
 */
import * as React from 'react';
import { FormattedMessage, injectIntl } from 'react-intl';
import classNames from 'classnames';
import messages from './messages';
import './VersionsItemBadge.scss';

type Props = {
    intl: any,
    isCurrent?: boolean,
    versionNumber?: string,
};

const VersionsItemBadge = ({ intl, isCurrent, versionNumber }: Props) => {
    const intlValues = { versionNumber };

    return (
        <div
            aria-label={intl.formatMessage(messages.versionNumberLabel, intlValues)}
            className={classNames('bcs-VersionsItemBadge', {
                'bcs-VersionsItemBadge--current': isCurrent,
            })}
        >
            <FormattedMessage {...messages.versionNumberBadge} values={intlValues} />
        </div>
    );
};

export default injectIntl(VersionsItemBadge);