@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
51 lines (45 loc) • 6.54 kB
JavaScript
import { React, PropTypes } from '@gravityforms/libraries';
const { forwardRef } = React;
/**
* @module MailtrapFullLogo
* @description The Mailtrap full logo.
*
* @since 6.5.0
*
* @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 MailtrapFullLogo from '@gravityforms/components/react/admin/elements/Svgs/MailtrapFullLogo';
*
* return (
* <MailtrapFullLogo height={ 32.08 } width={ 110 } />
* );
*
*/
const MailtrapFullLogo = forwardRef( ( {
height = 32,
title = '',
width = 110,
}, ref ) => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={ width } height={ height } viewBox="0 0 600 175" fill="none" ref={ ref }>
{ title !== '' && <title>{ title }</title> }
<path d="M32.3218 128.464L17.4968 137.258C15.4857 138.58 16.4047 140.853 17.4968 141.311L75.0721 173.571C78.473 175.476 82.6631 175.476 86.0641 173.571L144.402 140.884C146.169 139.837 145.879 137.709 144.402 136.991L128.727 128.521C127.404 127.649 124.453 127.939 123.408 128.65L86.0641 149.574C82.6631 151.48 78.473 151.48 75.0721 149.574L37.3972 128.464C35.9927 127.6 33.7679 127.649 32.3218 128.464Z" fill="#1A2E44" />
<path d="M75.0681 1.73434C78.469 -0.171211 82.6586 -0.171211 86.0596 1.73434C86.0596 1.73434 129.709 26.1915 132.424 27.7127C134.275 28.6492 134.443 31.1633 132.424 32.297C129.368 34.0033 125.268 36.2898 121.866 38.1868C117.892 40.403 113.055 40.3965 109.085 38.1722L86.0596 25.271C82.6586 23.3654 78.469 23.3654 75.0681 25.271L52.0155 38.1875C48.0428 40.4132 43.2009 40.4174 39.2243 38.1994C35.688 36.2269 31.398 33.8355 28.3067 32.1166C26.592 31.3802 26.235 29.1942 28.3067 27.935L75.0681 1.73434Z" fill="#1A2E44" />
<path d="M153.123 40.8364C156.524 42.7419 158.619 46.2634 158.619 50.0749V125.232C158.619 128.952 156.29 129.645 153.805 128.347L136.636 119.079V68.5513L86.0555 96.8915C82.6546 98.797 78.4649 98.797 75.064 96.8915L24.4837 68.5513V119.073L8.88212 128.336C7.02274 129.518 2.5 129.891 2.5 125.232V50.0749C2.5 46.2634 4.59504 42.7419 7.99593 40.8364C13.4678 37.971 19.1218 40.8364 19.1218 40.8364L80.5595 75.3356L141.901 40.8364C141.901 40.8364 147.349 37.551 153.123 40.8364Z" fill="#22D172" />
<path fillRule="evenodd" clipRule="evenodd" d="M374.898 39.375C370.764 39.375 367.412 42.7264 367.412 46.8606C367.412 50.9946 370.764 54.3458 374.898 54.3458C379.032 54.3458 382.383 50.9946 382.383 46.8606C382.383 42.7264 379.032 39.375 374.898 39.375ZM394.031 39.3751C393.623 39.3751 393.293 39.7057 393.293 40.1135V113.612C393.293 114.019 393.623 114.35 394.031 114.35H405.398C405.806 114.35 406.137 114.019 406.137 113.612V40.1135C406.137 39.7057 405.806 39.3751 405.398 39.3751H394.031ZM419.214 39.3751C418.806 39.3751 418.475 39.7057 418.475 40.1135V113.612C418.475 114.019 418.806 114.35 419.214 114.35H430.581C430.989 114.35 431.319 114.019 431.319 113.612V74.3977H442.816C443.222 74.3977 443.555 74.0674 443.555 73.6597V62.7817C443.555 62.3739 443.222 62.0432 442.816 62.0432H431.319V40.1135C431.319 39.7057 430.989 39.3751 430.581 39.3751H419.214ZM241.496 59.801C228.966 59.801 218.809 69.958 218.809 82.4876V113.612C218.809 114.02 219.139 114.35 219.547 114.35H230.914C231.322 114.35 231.653 114.02 231.653 113.612V82.4876C231.653 77.0516 236.06 72.6451 241.496 72.6451C246.932 72.6451 251.338 77.0516 251.338 82.4876V113.612C251.338 114.02 251.669 114.35 252.077 114.35H263.444C263.852 114.35 264.182 114.02 264.182 113.612L264.183 82.4876C264.183 77.0516 268.59 72.6451 274.026 72.6451C279.462 72.6451 283.869 77.0516 283.869 82.4876V113.612C283.869 114.02 284.199 114.35 284.607 114.35H295.974C296.382 114.35 296.713 114.02 296.713 113.612V82.4876C296.713 69.958 286.555 59.801 274.026 59.801C267.647 59.801 261.882 62.4347 257.761 66.6719C253.64 62.4347 247.875 59.801 241.496 59.801ZM330.403 59.801C315.198 59.801 302.871 72.1276 302.871 87.3337V88.48C302.871 103.686 315.198 116.013 330.403 116.013C335.865 116.013 340.886 114.099 345.093 111.082V113.612C345.093 114.02 345.423 114.35 345.831 114.35H357.198C357.606 114.35 357.937 114.02 357.937 113.612V87.3337C357.937 72.1276 345.61 59.801 330.403 59.801ZM502.819 59.801C487.616 59.801 475.287 72.1276 475.287 87.3337V88.48C475.287 103.686 487.616 116.013 502.819 116.013C508.174 116.013 513.459 113.626 517.51 110.569V113.612C517.51 114.02 517.838 114.35 518.245 114.35H529.616C530.022 114.35 530.351 114.02 530.351 113.612V87.3337C530.351 72.1276 518.026 59.801 502.819 59.801ZM567.411 59.801C552.204 59.801 539.879 72.1276 539.879 87.3337V135.29C539.879 135.698 540.207 136.028 540.619 136.028H551.985C552.392 136.028 552.724 135.698 552.724 135.29V111.772C556.972 114.458 562.012 116.013 567.411 116.013C582.619 116.013 594.943 103.686 594.943 88.48V87.3337C594.943 72.1276 582.619 59.801 567.411 59.801ZM471.384 61.6184C457.874 61.6184 446.919 72.5721 446.919 86.0838V113.612C446.919 114.02 447.252 114.35 447.659 114.35H459.025C459.432 114.35 459.764 114.02 459.764 113.612V86.0838C459.764 79.6657 464.966 74.4625 471.384 74.4625C471.581 74.4625 471.769 74.3846 471.909 74.2459C472.045 74.1077 472.124 73.92 472.124 73.724V62.3564C472.124 61.9487 471.791 61.6184 471.384 61.6184ZM369.34 62.0432C368.932 62.0432 368.602 62.3739 368.602 62.7817V113.612C368.602 114.02 368.932 114.351 369.34 114.351H380.708C381.115 114.351 381.446 114.02 381.446 113.612V62.7817C381.446 62.3739 381.115 62.0432 380.708 62.0432H369.34ZM315.715 87.3337C315.715 79.2212 322.291 72.6451 330.403 72.6451C338.516 72.6451 345.093 79.2212 345.093 87.3337V88.48C345.093 96.5926 338.516 103.169 330.403 103.169C322.291 103.169 315.715 96.5926 315.715 88.48V87.3337ZM488.132 87.3337C488.132 79.2212 494.707 72.6451 502.819 72.6451C510.93 72.6451 517.51 79.2212 517.51 87.3337V88.48C517.51 96.5926 510.93 103.169 502.819 103.169C494.707 103.169 488.132 96.5926 488.132 88.48V87.3337ZM552.724 87.3337C552.724 79.2212 559.3 72.6451 567.411 72.6451C575.522 72.6451 582.098 79.2212 582.098 87.3337V88.48C582.098 96.5926 575.522 103.169 567.411 103.169C559.3 103.169 552.724 96.5926 552.724 88.48V87.3337Z" fill="#1A2E44" />
</svg>
);
} );
MailtrapFullLogo.propTypes = {
height: PropTypes.number,
title: PropTypes.string,
width: PropTypes.number,
};
MailtrapFullLogo.displayName = 'Svgs/MailtrapFullLogo';
export default MailtrapFullLogo;