@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
55 lines (49 loc) • 3.95 kB
JavaScript
import { React, PropTypes } from '@gravityforms/libraries';
const { forwardRef } = React;
/**
* @module SendGridFullLogo
* @description The SendGridFullLogo logo.
*
* @since 3.6.6
*
* @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 SendGridFullLogo from '@gravityforms/components/react/admin/elements/Svgs/SendGridFullLogo';
*
* return (
* <SendGridFullLogo height={ 20 } width={ 110 } />
* );
*
*/
const SendGridFullLogo = forwardRef( ( {
height = 20,
title = '',
width = 110,
}, ref ) => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={ width } height={ height } fill="none" viewBox="0 0 110 20" ref={ ref }>
{ title !== '' && <title>{ title }</title> }
<path fill="#263746" d="m22.66 16.445 2.768-2.182c.788 1.357 2.035 2.127 3.447 2.127 1.54 0 2.383-1.008 2.383-2.09 0-1.302-1.595-1.723-3.282-2.237-2.126-.66-4.51-1.485-4.51-4.528 0-2.548 2.219-4.583 5.299-4.583 2.585 0 4.07.971 5.353 2.31l-2.53 1.906c-.66-.971-1.595-1.503-2.842-1.503-1.411 0-2.181.77-2.181 1.76 0 1.228 1.521 1.632 3.226 2.2 2.164.697 4.602 1.65 4.602 4.712 0 2.53-1.998 4.968-5.518 4.968-2.86 0-4.785-1.228-6.215-2.86Zm24.365-8.25h2.97v1.228c.696-.898 1.76-1.43 3.006-1.43 2.567 0 4.126 1.65 4.126 4.474v6.618H54.1v-6.252c0-1.466-.678-2.31-1.998-2.31-1.137 0-2.072.789-2.072 2.622v5.94h-2.988V8.195h-.018Zm10.78 5.445c0-3.85 2.823-5.665 5.298-5.665 1.412 0 2.53.532 3.245 1.283V3.172h2.989v15.913h-2.989v-1.228c-.715.843-1.87 1.43-3.282 1.43-2.31.018-5.261-1.815-5.261-5.647Zm8.635-.018c0-1.614-1.174-2.915-2.787-2.915-1.65 0-2.915 1.246-2.915 2.915 0 1.668 1.265 2.933 2.915 2.933 1.613 0 2.787-1.32 2.787-2.933Zm3.593-2.494c0-4.528 3.428-8.176 8.122-8.176 2.347 0 4.327.843 5.775 2.2a7.958 7.958 0 0 1 1.467 1.87l-2.659 1.613c-.971-1.815-2.475-2.75-4.546-2.75-2.897 0-5.152 2.383-5.152 5.225 0 2.915 2.2 5.225 5.243 5.225 2.31 0 3.942-1.302 4.51-3.337h-4.987v-2.896h8.25v1.228c0 4.272-3.043 7.957-7.773 7.957-4.95.018-8.25-3.759-8.25-8.159Zm16.794-2.933h2.97v1.778c.55-1.136 1.521-1.778 3.006-1.778h1.192l-1.082 2.897h-.806c-1.595 0-2.292.825-2.292 2.86v5.133h-2.988V8.195Zm7.956 0h2.989v10.89h-2.989v-7.993h-1.081l1.081-2.897Zm1.485-1.668a1.78 1.78 0 0 0 1.779-1.779c0-.971-.807-1.778-1.779-1.778a1.78 1.78 0 0 0-1.778 1.778c0 .972.807 1.779 1.778 1.779Zm2.2 7.113c0-3.85 2.824-5.665 5.299-5.665 1.411 0 2.53.532 3.245 1.283V3.172H110v15.913h-2.988v-1.228c-.715.843-1.87 1.43-3.282 1.43-2.328.018-5.262-1.815-5.262-5.647Zm8.635-.018c0-1.614-1.173-2.915-2.786-2.915-1.65 0-2.915 1.246-2.915 2.915 0 1.668 1.265 2.933 2.915 2.933 1.613 0 2.786-1.32 2.786-2.933Zm-60.775 0c0-3.135-2.292-5.647-5.628-5.647a5.657 5.657 0 0 0-5.665 5.665c0 3.135 2.346 5.665 5.756 5.665 2.347 0 4.052-1.137 5.005-2.768l-2.365-1.412c-.495.972-1.466 1.558-2.603 1.558-1.577 0-2.548-.788-2.897-1.98h8.397v-1.081Zm-8.287-1.32c.459-1.027 1.412-1.724 2.677-1.724 1.265 0 2.2.587 2.585 1.724h-5.262Z" />
<path fill="#2E7BBF" d="M6.362 12.724H0v6.361h6.362v-6.361Z" />
<path fill="#00B3E3" d="M12.723 0H6.361h6.362Zm6.362 12.723V6.362v6.361Z" />
<path fill="#fff" d="M19.085 12.723h-6.362V6.362H6.361V0h6.362v6.362h6.362v6.361Z" />
<path fill="#00B3E3" d="M19.085 12.723h-6.362V6.362H6.361V0h6.362v6.362h6.362v6.361Z" />
<path fill="#fff" d="M12.723 6.362H6.361v6.361h6.362V6.362Z" />
<path fill="#00B3E3" d="M12.723 6.362H6.361v6.361h6.362V6.362Z" />
<path fill="#2E7BBF" d="M19.085 0h-6.362v6.362h6.362V0Z" />
</svg>
);
} );
SendGridFullLogo.propTypes = {
height: PropTypes.number,
title: PropTypes.string,
width: PropTypes.number,
};
SendGridFullLogo.displayName = 'Svgs/SendGridFullLogo';
export default SendGridFullLogo;