24 lines
		
	
	
	
		
			548 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			24 lines
		
	
	
	
		
			548 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
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>
 | 
						|
  );
 | 
						|
};
 |