import { FormattedMessage } from 'react-intl'; interface Props { onClick: (event: React.MouseEvent) => void; disabled?: boolean; visible?: boolean; } export const LoadMore: React.FC<Props> = ({ onClick, disabled, visible = true, }) => { return ( <button type='button' className='load-more' disabled={disabled || !visible} style={{ visibility: visible ? 'visible' : 'hidden' }} onClick={onClick} > <FormattedMessage id='status.load_more' defaultMessage='Load more' /> </button> ); };