40 lines
1.2 KiB
XML
40 lines
1.2 KiB
XML
/**
|
|
* External dependencies
|
|
*/
|
|
import { __ } from '@wordpress/i18n';
|
|
|
|
export default function HeaderSearch() {
|
|
return (
|
|
<form className="woocommerce-marketplace__header-search">
|
|
<input
|
|
type="search"
|
|
className="woocommerce-marketplace__header-search-field"
|
|
placeholder={ __(
|
|
'Search extensions and themes',
|
|
'woocommerce'
|
|
) }
|
|
/>
|
|
<button className="woocommerce-marketplace__header-search-button">
|
|
<svg
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
id="Union"
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M19.0001 11C19.0001 14.3137 16.3138 17 13.0001 17C11.6135 17 10.3369 16.5297 9.32086 15.7399L5.53039 19.5304L4.46973 18.4697L8.26019 14.6793C7.47038 13.6632 7.00006 12.3865 7.00006 11C7.00006 7.68629 9.68635 5 13.0001 5C16.3138 5 19.0001 7.68629 19.0001 11ZM17.5001 11C17.5001 13.4853 15.4853 15.5 13.0001 15.5C10.5148 15.5 8.50006 13.4853 8.50006 11C8.50006 8.51472 10.5148 6.5 13.0001 6.5C15.4853 6.5 17.5001 8.51472 17.5001 11Z"
|
|
fill="#1E1E1E"
|
|
/>
|
|
</svg>
|
|
<span className="screen-reader-text">
|
|
{ __( 'Search', 'woocommerce' ) }
|
|
</span>
|
|
</button>
|
|
</form>
|
|
);
|
|
}
|