import React from 'react';
import i18n from 'ui-i18n';
import Link from '@mui/material/Link';
import { useStyles } from './styles';
export var ShowMoreLink = function (_a) {
    var suggestionsCount = _a.suggestionsCount, isExpanded = _a.isExpanded, onClick = _a.onClick, className = _a.className;
    var styles = useStyles();
    return (React.createElement(Link, { component: "button", variant: "caption", underline: "none", onClick: onClick, className: className },
        React.createElement("span", { className: styles.linkLabel }, isExpanded
            ? i18n.text('View less suggestions')
            : i18n.text('View ${suggestionsCount} more suggestions', { suggestionsCount: suggestionsCount }))));
};
