2023-02-07 20:04:50 +00:00
|
|
|
import "./ShowMore.css";
|
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-07 20:04:50 +00:00
|
|
|
const ShowMore = ({
|
|
|
|
text = "Show more",
|
|
|
|
onClick,
|
|
|
|
className = "",
|
|
|
|
}: ShowMoreProps) => {
|
|
|
|
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}>
|
|
|
|
{text}
|
|
|
|
</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;
|