import { React, PropTypes } from '@gravityforms/libraries';

const { forwardRef } = React;

/**
 * @module ResendLogo
 * @description The Resend logo.
 *
 * @since 2.3.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 ResendLogo from '@gravityforms/components/react/admin/elements/Svgs/ResendLogo';
 *
 * return (
 *    <ResendLogo height={ 44 } width={ 44 } />
 * );
 *
 */
const ResendLogo = forwardRef( ( {
	height = 44,
	title = '',
	width = 44,
}, ref ) => {
	return (
		<svg xmlns="http://www.w3.org/2000/svg" width={ width } height={ height } viewBox="0 0 92 92" fill="none" ref={ ref }>
			{ title !== '' && <title>{ title }</title> }
			<rect width="92" height="92" rx="46" fill="black" />
			<path d="M50.4381 24.75C58.5726 24.75 63.4101 29.5879 63.4101 36.0098C63.4101 42.4318 58.5726 47.2696 50.4381 47.2696H46.3278L66.75 66.75H52.3216L36.7804 51.9791C35.6674 50.9519 35.1537 49.7531 35.1536 48.7257C35.1536 47.27 36.1814 45.9856 38.1508 45.429L46.1566 43.2881C49.1963 42.4746 51.2945 40.1198 51.2945 37.0372C51.294 33.2698 48.2114 31.0864 44.4011 31.0864H24.75V24.75H50.4381Z" fill="white" />
		</svg>
	);
} );

ResendLogo.propTypes = {
	height: PropTypes.number,
	title: PropTypes.string,
	width: PropTypes.number,
};

ResendLogo.displayName = 'Svgs/ResendLogo';

export default ResendLogo;
