woocommerce/plugins/woocommerce-blocks/assets/js/base/components/load-more-button/index.js

37 lines
792 B
JavaScript

/**
* External dependencies
*/
import { __ } from '@wordpress/i18n';
import PropTypes from 'prop-types';
/**
* Internal dependencies
*/
import Label from '@woocommerce/base-components/label';
import './style.scss';
export const LoadMoreButton = ( { onClick, label, screenReaderLabel } ) => {
return (
<div className="wp-block-button wc-block-load-more">
<button className="wp-block-button__link" onClick={ onClick }>
<Label
label={ label }
screenReaderLabel={ screenReaderLabel }
/>
</button>
</div>
);
};
LoadMoreButton.propTypes = {
label: PropTypes.string,
onClick: PropTypes.func,
screenReaderLabel: PropTypes.string,
};
LoadMoreButton.defaultProps = {
label: __( 'Load more', 'woo-gutenberg-products-block' ),
};
export default LoadMoreButton;