2023-02-07 20:04:50 +00:00
|
|
|
import "./ShowMore.css";
|
2023-02-08 21:10:26 +00:00
|
|
|
import { useIntl } from "react-intl";
|
|
|
|
|
|
|
|
import messages from "./messages";
|
2023-02-06 21:42:47 +00:00
|
|
|
|
|
|
|
interface ShowMoreProps {
|
2023-02-07 20:04:50 +00:00
|
|
|
text?: string;
|
|
|
|
className?: string;
|
|
|
|
onClick: () => void;
|
2023-02-06 21:42:47 +00:00
|
|
|
}
|
|
|
|
|
2023-02-08 21:10:26 +00:00
|
|
|
const ShowMore = ({ text, onClick, className = "" }: ShowMoreProps) => {
|
|
|
|
const { formatMessage } = useIntl();
|
|
|
|
const defaultText = formatMessage(messages.ShowMore);
|
2023-02-07 20:04:50 +00:00
|
|
|
const classNames = className ? `show-more ${className}` : "show-more";
|
2023-02-06 21:42:47 +00:00
|
|
|
return (
|
|
|
|
<div className="show-more-container">
|
|
|
|
<button className={classNames} onClick={onClick}>
|
2023-02-08 21:10:26 +00:00
|
|
|
{text || defaultText}
|
2023-02-06 21:42:47 +00:00
|
|
|
</button>
|
|
|
|
</div>
|
2023-02-07 20:04:50 +00:00
|
|
|
);
|
|
|
|
};
|
2023-02-06 21:42:47 +00:00
|
|
|
|
2023-02-07 20:04:50 +00:00
|
|
|
export default ShowMore;
|