import React from 'react'; import classNames from 'classnames'; import { useSelector } from 'react-redux'; import { useIntl } from '@edx/frontend-platform/i18n'; import Tabs from './tabs/Tabs'; import messages from './messages'; import './navBar.scss'; const CourseTabsNavigation = () => { const intl = useIntl(); const tabs = useSelector(state => state.courseTabs.tabs); return (
{!!tabs.length && ( {tabs.map(({ url, title, slug }) => ( {title} ))} )}
); }; export default React.memo(CourseTabsNavigation);