import React from 'react';
import i18n from 'ui-i18n';
import classnames from 'classnames';
import Link from '@mui/material/Link';
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
import ExpandLessIcon from '@mui/icons-material/ExpandLess';
import { useStyles } from './styles';
export var ViewMoreToggle = function (_a) {
    var active = _a.active, onClick = _a.onClick, className = _a.className;
    var styles = useStyles();
    var Icon = active ? ExpandLessIcon : ExpandMoreIcon;
    return (React.createElement(Link, { className: classnames(styles.link, className), onClick: onClick, underline: "none" },
        React.createElement(Icon, { className: styles.icon }),
        active ? i18n.text('View less') : i18n.text('View more')));
};
