@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
152 lines (146 loc) • 5.31 kB
JavaScript
import { React, PropTypes } from '@gravityforms/libraries';
const { forwardRef } = React;
/**
* @module SearchNoResults
* @description No results for a search image.
*
* @since 4.1.1
*
* @param {object} props Component props.
* @param {number} props.height The height of the logo.
* @param {string} props.title The title of the logo.
* @param {number} props.width The width of the logo.
* @param {object|null} ref Ref to the component.
*
* @return {JSX.Element} The svg component.
* @example
* import SearchNoResults from '@gravityforms/components/react/admin/elements/Svgs/SearchNoResults';
*
* return (
* <SearchNoResults height={ 90 } width={ 320 } />
* );
*
*/
const SearchNoResults = forwardRef( ( {
height = 90,
title = '',
width = 320,
}, ref ) => {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={ width }
height={ height }
viewBox="0 0 320 90"
fill="none"
ref={ ref }
>
{ title !== '' && <title>{ title }</title> }
<g opacity={ 0.36 }>
<rect width={ 25.5 } height={ 24 } x={ 183 } y={ 33.752 } fill="#ECEDF8" rx={ 2 } />
<path
fill="#C3C5DB"
fillRule="evenodd"
d="M199.901 42.593c0 2.177-1.626 3.842-3.753 3.842-2.127 0-3.754-1.665-3.754-3.842s1.627-3.841 3.754-3.841 3.753 1.665 3.753 3.841Zm-11.438 9.82c0-2.677 5.004-4.15 7.506-4.15 2.503 0 7.507 1.473 7.507 4.15v1.339h-15.013v-1.339Z"
clipRule="evenodd"
/>
<rect
width={ 25.5 }
height={ 4.5 }
x={ 183 }
y={ 59.752 }
fill="#A7A9C1"
rx={ 2.25 }
/>
<rect width={ 55 } height={ 4 } x={ 111 } y={ 33.752 } fill="#C3C5DB" rx={ 2 } />
<path
fill="#D5D7E9"
fillRule="evenodd"
d="M178 43.252a1.5 1.5 0 0 0-1.5-1.5h-64a1.5 1.5 0 0 0 0 3h64a1.5 1.5 0 0 0 1.5-1.5Zm-9 6a1.5 1.5 0 0 0-1.5-1.5h-55a1.5 1.5 0 0 0 0 3h55a1.5 1.5 0 0 0 1.5-1.5Zm-58 6a1.5 1.5 0 0 1 1.5-1.5h57a1.5 1.5 0 0 1 0 3h-57a1.5 1.5 0 0 1-1.5-1.5Zm45 6a1.5 1.5 0 0 0-1.5-1.5h-42a1.5 1.5 0 0 0 0 3h42a1.5 1.5 0 0 0 1.5-1.5Z"
clipRule="evenodd"
/>
</g>
<g opacity={ 0.36 }>
<rect width={ 25.5 } height={ 24 } x={ 294 } y={ 33.752 } fill="#ECEDF8" rx={ 2 } />
<path
fill="#C3C5DB"
fillRule="evenodd"
d="M310.901 42.593c0 2.177-1.626 3.842-3.753 3.842-2.127 0-3.754-1.665-3.754-3.842s1.627-3.841 3.754-3.841 3.753 1.665 3.753 3.841Zm-11.438 9.82c0-2.677 5.004-4.15 7.506-4.15 2.503 0 7.507 1.473 7.507 4.15v1.339h-15.013v-1.339Z"
clipRule="evenodd"
/>
<rect
width={ 25.5 }
height={ 4.5 }
x={ 294 }
y={ 59.752 }
fill="#A7A9C1"
rx={ 2.25 }
/>
<rect width={ 55 } height={ 4 } x={ 222 } y={ 33.752 } fill="#C3C5DB" rx={ 2 } />
<path
fill="#D5D7E9"
fillRule="evenodd"
d="M289 43.252a1.5 1.5 0 0 0-1.5-1.5h-64a1.5 1.5 0 0 0 0 3h64a1.5 1.5 0 0 0 1.5-1.5Zm-9 6a1.5 1.5 0 0 0-1.5-1.5h-55a1.5 1.5 0 0 0 0 3h55a1.5 1.5 0 0 0 1.5-1.5Zm-58 6a1.5 1.5 0 0 1 1.5-1.5h57a1.5 1.5 0 0 1 0 3h-57a1.5 1.5 0 0 1-1.5-1.5Zm45 6a1.5 1.5 0 0 0-1.5-1.5h-42a1.5 1.5 0 0 0 0 3h42a1.5 1.5 0 0 0 1.5-1.5Z"
clipRule="evenodd"
/>
</g>
<path
fill="#0F3D6C"
fillOpacity={ 0.1 }
fillRule="evenodd"
d="M160.939 64.252c-6.075 0-11-4.925-11-11s4.925-11 11-11c6.076 0 11 4.925 11 11s-4.924 11-11 11Z"
clipRule="evenodd"
opacity={ 0.506 }
/>
<path
fill="#BBBBCE"
fillRule="evenodd"
d="m155.561 62.752-6.122 6.121-2.121-2.12 6.121-6.122 2.122 2.121Z"
clipRule="evenodd"
/>
<path
fill="#BBBBCE"
fillRule="evenodd"
d="M160.939 66.252c7.18 0 13-5.82 13-13s-5.82-13-13-13c-7.179 0-13 5.82-13 13s5.821 13 13 13Zm0-3c-5.522 0-10-4.477-10-10s4.478-10 10-10c5.523 0 10 4.477 10 10s-4.477 10-10 10Zm-14.56 2.06a1.5 1.5 0 0 1 2.121 0l2.379 2.38a1.5 1.5 0 0 1 0 2.12l-5.379 5.38a1.5 1.5 0 0 1-2.121 0L141 72.811a1.5 1.5 0 0 1 0-2.12l5.379-5.38Z"
clipRule="evenodd"
/>
<path
stroke="#BBBBCE"
strokeLinecap="square"
strokeWidth={ 1.5 }
d="m147.475 68.717-3.076 3.076"
/>
<g opacity={ 0.36 }>
<rect width={ 25.5 } height={ 24 } x={ 72 } y={ 33.752 } fill="#ECEDF8" rx={ 2 } />
<path
fill="#C3C5DB"
fillRule="evenodd"
d="M88.901 42.593c0 2.177-1.626 3.842-3.753 3.842-2.127 0-3.753-1.665-3.753-3.842s1.626-3.841 3.753-3.841c2.127 0 3.753 1.665 3.753 3.841Zm-11.438 9.82c0-2.677 5.004-4.15 7.506-4.15 2.503 0 7.507 1.473 7.507 4.15v1.339H77.463v-1.339Z"
clipRule="evenodd"
/>
<rect
width={ 25.5 }
height={ 4.5 }
x={ 72 }
y={ 59.752 }
fill="#A7A9C1"
rx={ 2.25 }
/>
<rect width={ 55 } height={ 4 } y={ 33.752 } fill="#C3C5DB" rx={ 2 } />
<path
fill="#D5D7E9"
fillRule="evenodd"
d="M67 43.252a1.5 1.5 0 0 0-1.5-1.5h-64a1.5 1.5 0 1 0 0 3h64a1.5 1.5 0 0 0 1.5-1.5Zm-9 6a1.5 1.5 0 0 0-1.5-1.5h-55a1.5 1.5 0 1 0 0 3h55a1.5 1.5 0 0 0 1.5-1.5Zm-58 6a1.5 1.5 0 0 1 1.5-1.5h57a1.5 1.5 0 1 1 0 3h-57a1.5 1.5 0 0 1-1.5-1.5Zm45 6a1.5 1.5 0 0 0-1.5-1.5h-42a1.5 1.5 0 1 0 0 3h42a1.5 1.5 0 0 0 1.5-1.5Z"
clipRule="evenodd"
/>
</g>
</svg>
);
} );
SearchNoResults.propTypes = {
height: PropTypes.number,
title: PropTypes.string,
width: PropTypes.number,
};
SearchNoResults.displayName = 'SearchNoResults';
export default SearchNoResults;