29 lines
772 B
JavaScript
29 lines
772 B
JavaScript
import React from 'react';
|
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
import PropTypes from 'prop-types';
|
|
|
|
const LearningUserMenuToggle = ({
|
|
label,
|
|
icon,
|
|
}) => (
|
|
<>
|
|
<FontAwesomeIcon icon={icon} className="d-md-none" size="lg" />
|
|
<span data-hj-suppress className="d-none d-md-inline">
|
|
{label}
|
|
</span>
|
|
</>
|
|
);
|
|
|
|
export const LearningUserMenuTogglePropTypes = {
|
|
label: PropTypes.string.isRequired,
|
|
// Full shape available by examining @fortawesome/fontawesome-common-types/index.d.ts.
|
|
icon: PropTypes.shape({
|
|
prefix: PropTypes.string.isRequired,
|
|
iconName: PropTypes.string.isRequired,
|
|
}).isRequired,
|
|
};
|
|
|
|
LearningUserMenuToggle.propTypes = LearningUserMenuTogglePropTypes;
|
|
|
|
export default LearningUserMenuToggle;
|