text: /**
   * External dependencies
   */
  import { __ } from '@wordpress/i18n';
  import PropTypes from 'prop-types';
  import classNames from 'classnames';
  import Label from '@woocommerce/base-components/label';
  
  /**
   * Internal dependencies
   */
  import './style.scss';
  
  const FilterSubmitButton = ( {
  	className,
  	disabled,
  	/* translators: Submit button text for filters. */
  	label = __( 'Go', 'woocommerce' ),
  	onClick,
  	screenReaderLabel = __( 'Apply filter', 'woocommerce' ),
  } ) => {
  	return (
  		<button
  			type="submit"
  			className={ classNames(
  				'wc-block-filter-submit-button',
  				'wc-block-components-filter-submit-button',
  				className
  			) }
  			disabled={ disabled }
  			onClick={ onClick }
  		>
  			<Label label={ label } screenReaderLabel={ screenReaderLabel } />
  		</button>
  	);
  };
  
  FilterSubmitButton.propTypes = {
  	className: PropTypes.string,
  	/**
  	 * Is the button disabled?
  	 */
  	disabled: PropTypes.bool,
  	/**
  	 * On click callback.
  	 */
  	onClick: PropTypes.func.isRequired,
  	label: PropTypes.string,
  	screenReaderLabel: PropTypes.string,
  };
  
  FilterSubmitButton.defaultProps = {
  	disabled: false,
  };
  
  export default FilterSubmitButton;
  