@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
59 lines (53 loc) • 5.62 kB
JavaScript
import { React, PropTypes } from '@gravityforms/libraries';
const { forwardRef } = React;
/**
* @module MailerSendFullLogo
* @description The MailerSend full logo.
*
* @since 5.4.2
*
* @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 MailerSendFullLogo from '@gravityforms/components/react/admin/elements/Svgs/MailerSendFullLogo';
*
* return (
* <MailerSendFullLogo height={ 19 } width={ 110 } />
* );
*
*/
const MailerSendFullLogo = forwardRef( ( {
height = 19,
title = '',
width = 110,
}, ref ) => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={ width } height={ height } viewBox="0 0 110 19" fill="none" ref={ ref }>
{ title !== '' && <title>{ title }</title> }
<g clipPath="url(#a)">
<path fill="#4E48E0" d="M19.028 6.439a.393.393 0 0 0-.325-.163h-7.155L15.116.662a.449.449 0 0 0-.015-.5.398.398 0 0 0-.327-.162H8.613C7.994 0 7.416.327 7.07.872L.068 11.89a.451.451 0 0 0 .015.5c.075.107.2.162.325.162H7.56l-3.568 5.615a.456.456 0 0 0-.054.35.408.408 0 0 0 .396.312h6.158c.623 0 1.205-.329 1.554-.878l3.43-5.4 3.567-5.614a.45.45 0 0 0-.014-.5Z" />
<path fill="#4E48E0" d="m15.476 12.552-3.43 5.4c-.35.55-.932.879-1.555.879H4.334a.408.408 0 0 1-.397-.312.456.456 0 0 1 .054-.35l3.569-5.617h7.916Z" />
<path fill="#1C81C1" d="M11.544 6.276h7.159c.125 0 .25.055.325.163.11.158.106.355.015.5l-3.568 5.614H7.556l3.988-6.277Z" />
<path fill="#5CC4CD" d="M.408 12.553a.393.393 0 0 1-.325-.162.45.45 0 0 1-.015-.5L7.07.87A1.834 1.834 0 0 1 8.613 0h6.16c.127 0 .253.055.328.162a.45.45 0 0 1 .015.5L7.56 12.552H.408Z" />
<path fill="#3A3945" d="M61.559 10.384H65.4l.531.002s0-.025-.023-.128a2.167 2.167 0 0 0-.474-.993c-.583-.667-1.619-.895-2.504-.544-.76.302-1.174.885-1.372 1.663Zm3.118 1.465c-.989 0-1.976.002-2.964-.003-.13 0-.154.026-.12.15a2.26 2.26 0 0 0 1.981 1.674c1.09.116 2.088-.153 3.022-.695l.166-.097.788 1.377s-.022.012-.105.067c-1.174.773-2.466 1.107-3.873 1.026a4.744 4.744 0 0 1-1.798-.44c-.838-.401-1.455-1.023-1.824-1.864-.513-1.17-.544-2.366-.087-3.556.586-1.53 2.014-2.482 3.75-2.535.895-.027 1.745.136 2.507.618 1.076.68 1.587 1.692 1.716 2.917.043.4.021.799-.014 1.199-.013.145-.017.164-.017.164l-3.128-.002ZM84.249 10.384h3.841l.531.002s0-.025-.022-.128a2.167 2.167 0 0 0-.475-.993c-.583-.667-1.618-.895-2.503-.544-.76.302-1.174.885-1.372 1.663Zm3.117 1.465c-.988 0-1.976.002-2.964-.003-.129 0-.153.026-.119.15a2.26 2.26 0 0 0 1.98 1.674c1.09.116 2.089-.153 3.022-.695l.167-.097.788 1.377s-.023.012-.106.067c-1.174.773-2.466 1.107-3.873 1.026a4.743 4.743 0 0 1-1.797-.44c-.839-.401-1.456-1.023-1.825-1.864-.513-1.17-.543-2.366-.087-3.556.586-1.53 2.015-2.482 3.75-2.535.896-.027 1.745.136 2.508.618 1.076.68 1.586 1.692 1.716 2.917.042.4.02.799-.015 1.199a2.785 2.785 0 0 1-.016.164l-3.129-.002ZM78.384 6.952c.898.017 1.796.327 2.524 1.056l.113.112-1.019 1.222-.097-.091c-.471-.438-1.022-.705-1.68-.73a1.262 1.262 0 0 0-.594.108c-.509.24-.583.828-.151 1.183.143.118.31.188.482.254.616.236 1.241.449 1.833.742.433.214.822.485 1.095.889.509.754.424 1.889-.189 2.612-.536.632-1.247.933-2.055 1.029-1.154.137-2.215-.101-3.142-.82-.237-.184-.44-.4-.627-.634-.055-.07-.07-.092-.07-.092l1.106-1.173.086.102c.445.527 1.005.871 1.694.992.394.07.782.055 1.144-.137.366-.195.525-.538.412-.875-.062-.185-.195-.314-.354-.42-.212-.143-.45-.23-.686-.324-.504-.202-1.018-.377-1.51-.608-.653-.308-1.145-.764-1.326-1.481-.288-1.143.313-2.235 1.455-2.668.462-.176.942-.247 1.556-.248ZM45.778 13.487c-1.3 0-2.357-1.042-2.357-2.322 0-1.281 1.057-2.323 2.357-2.323 1.3 0 2.357 1.042 2.357 2.322 0 1.281-1.057 2.323-2.357 2.323Zm2.567-6.536-.193.973c-.6-.61-1.496-.966-2.374-.966-2.354 0-4.27 1.887-4.27 4.207 0 2.319 1.916 4.206 4.27 4.206a3.42 3.42 0 0 0 2.374-.965l.193.969h1.719V6.95h-1.72ZM105.498 13.487c-1.3 0-2.358-1.042-2.358-2.323 0-1.28 1.058-2.322 2.358-2.322 1.299 0 2.357 1.041 2.357 2.322 0 1.281-1.058 2.323-2.357 2.323Zm2.374-9.347v3.783c-.604-.546-1.496-.965-2.374-.965-2.354 0-4.269 1.887-4.269 4.206 0 2.32 1.915 4.207 4.269 4.207.878 0 1.717-.398 2.374-.966l.192.97h1.72V4.14h-1.912ZM52.16 15.374h1.911V7.347H52.16v8.027ZM96.024 6.957c-.708 0-1.52.442-1.942.978l-.32-.985H92.17v8.424h1.928v-4.732c0-.993.864-1.801 1.926-1.801 1.063 0 1.927.808 1.927 1.801v4.732h1.927v-4.732c0-2.032-1.729-3.685-3.854-3.685ZM56.063 15.374h1.912V4.14h-1.912v11.234ZM54.364 5.154c0-.68-.56-1.23-1.249-1.23-.69 0-1.248.55-1.248 1.23 0 .68.559 1.23 1.248 1.23.69 0 1.248-.55 1.248-1.23ZM72.995 6.966c-.638.05-1.217.408-1.718.756l-.193-.77h-1.72v3.87a3.828 3.828 0 0 0-.027.442v4.058h.028v.053h1.912v-.053h.027v-4.058c0-.895.775-2.283 1.847-2.367.266-.02.518.012.874.111l.537-1.863a4.41 4.41 0 0 0-1.567-.18ZM36.295 6.954a3.756 3.756 0 0 0-2.789 1.233 3.756 3.756 0 0 0-2.788-1.233c-2.063 0-3.74 1.653-3.74 3.686v4.731h1.912v-4.732c0-.993.82-1.801 1.828-1.801s1.828.808 1.828 1.802v4.731H34.467v-4.732c0-.993.82-1.801 1.828-1.801s1.828.808 1.828 1.802v4.731h1.912v-4.732c0-2.032-1.678-3.685-3.74-3.685Z" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h110v19H0z" />
</clipPath>
</defs>
</svg>
);
} );
MailerSendFullLogo.propTypes = {
height: PropTypes.number,
title: PropTypes.string,
width: PropTypes.number,
};
MailerSendFullLogo.displayName = 'Svgs/MailerSendFullLogo';
export default MailerSendFullLogo;