import React from 'react';
import { Link } from 'react-router-dom';
import { formatMessage } from '@orchard/frontend-localization';
import { ArrowLeftGlyph } from '@orchard/frontend-react-components';
import { baseUrl } from '../../urls/collaborator';
import messages from './i18n';

const CLASS_NAME = 'BackNav';

const BackNav: React.FC = () => (
    <div className={ CLASS_NAME }>
        <Link to={ baseUrl() } data-testid="back-nav">
            <ArrowLeftGlyph />
            { formatMessage(messages.backToCollaborators) }
        </Link>
    </div>
);

export default BackNav;