@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
65 lines (59 loc) • 7.56 kB
JavaScript
import { React, PropTypes } from '@gravityforms/libraries';
const { forwardRef } = React;
/**
* @module GravityBillingFullLogo
* @description The Gravity Billing Full logo.
*
* @since 5.3.2
*
* @param {object} props Component props.
* @param {number} props.height The height of the logo.
* @param {string} props.logoFill The logo fill color.
* @param {string} props.primaryColor The primary fill color.
* @param {string} props.secondaryColor The secondary fill color.
* @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 GravityBillingFullLogo from '@gravityforms/components/react/admin/elements/Svgs/GravityBillingFullLogo';
*
* return (
* <GravityBillingFullLogo height={ 32 } width={ 315 } />
* );
*
*/
const GravityBillingFullLogo = forwardRef( ( {
height = 24,
logoFill = '#57C091',
primaryFill = '#1B2A45',
secondaryFill = '#828383',
title = '',
width = 278,
}, ref ) => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={ width } height={ height } fill="none" viewBox="0 0 278 24" ref={ ref }>
{ title !== '' && <title>{ title }</title> }
<path d="M168.334 21.5V2.22727H175.072C176.414 2.22727 177.522 2.4594 178.394 2.92365C179.266 3.38163 179.915 3.99958 180.342 4.77752C180.768 5.54918 180.982 6.40554 180.982 7.34659C180.982 8.17472 180.834 8.85855 180.539 9.39808C180.251 9.93762 179.868 10.3642 179.391 10.6779C178.921 10.9916 178.409 11.2237 177.857 11.3743V11.5625C178.447 11.6001 179.04 11.8072 179.636 12.1836C180.232 12.56 180.731 13.0995 181.132 13.8022C181.534 14.5049 181.734 15.3643 181.734 16.3807C181.734 17.3468 181.515 18.2157 181.076 18.9874C180.636 19.7591 179.943 20.3707 178.996 20.8224C178.049 21.2741 176.816 21.5 175.298 21.5H168.334ZM170.668 19.4297H175.298C176.822 19.4297 177.904 19.1348 178.544 18.5451C179.19 17.9491 179.513 17.2276 179.513 16.3807C179.513 15.7282 179.347 15.1259 179.015 14.5739C178.682 14.0155 178.209 13.5701 177.594 13.2376C176.979 12.8988 176.251 12.7294 175.411 12.7294H170.668V19.4297ZM170.668 10.6967H174.996C175.699 10.6967 176.333 10.5587 176.897 10.2827C177.468 10.0066 177.92 9.61766 178.252 9.11577C178.591 8.61387 178.761 8.02415 178.761 7.34659C178.761 6.49964 178.466 5.78131 177.876 5.19158C177.286 4.59558 176.352 4.29758 175.072 4.29758H170.668V10.6967ZM189.228 2.22727V21.5H186.894V2.22727H189.228ZM195.232 21.5V2.22727H197.566V19.4297H206.525V21.5H195.232ZM211.464 21.5V2.22727H213.797V19.4297H222.756V21.5H211.464ZM230.029 2.22727V21.5H227.695V2.22727H230.029ZM251.316 2.22727V21.5H249.057L238.555 6.3679H238.367V21.5H236.033V2.22727H238.292L248.831 17.397H249.02V2.22727H251.316ZM270.485 8.25C270.278 7.61636 270.005 7.04859 269.667 6.5467C269.334 6.03853 268.936 5.60565 268.472 5.24805C268.014 4.89045 267.493 4.61754 266.909 4.42933C266.326 4.24112 265.686 4.14702 264.99 4.14702C263.848 4.14702 262.81 4.44188 261.875 5.0316C260.94 5.62133 260.197 6.49023 259.644 7.63832C259.092 8.7864 258.816 10.1948 258.816 11.8636C258.816 13.5324 259.096 14.9409 259.654 16.089C260.212 17.237 260.968 18.1059 261.922 18.6957C262.875 19.2854 263.948 19.5803 265.14 19.5803C266.244 19.5803 267.217 19.345 268.057 18.8745C268.904 18.3977 269.563 17.7264 270.034 16.8606C270.51 15.9886 270.749 14.9628 270.749 13.7834L271.464 13.9339H265.667V11.8636H273.007V13.9339C273.007 15.5212 272.669 16.9014 271.991 18.0746C271.32 19.2478 270.391 20.1574 269.206 20.8036C268.026 21.4435 266.671 21.7635 265.14 21.7635C263.434 21.7635 261.934 21.362 260.642 20.5589C259.356 19.7559 258.352 18.6141 257.631 17.1335C256.915 15.6529 256.558 13.8963 256.558 11.8636C256.558 10.3391 256.762 8.96833 257.17 7.75124C257.584 6.52788 258.167 5.48645 258.92 4.62695C259.673 3.76746 260.564 3.10872 261.592 2.65075C262.621 2.19277 263.754 1.96378 264.99 1.96378C266.006 1.96378 266.953 2.11748 267.832 2.42489C268.716 2.72603 269.504 3.15578 270.194 3.71413C270.89 4.26622 271.47 4.92809 271.935 5.69975C272.399 6.46514 272.719 7.31522 272.894 8.25H270.485Z" fill={ secondaryFill } />
<path d="M43.2146 2C47.042 2 50.8694 3.80701 51.963 8.29716H47.9168C46.9326 6.43539 45.4017 5.7235 43.2146 5.7235C39.6058 5.7235 37.5827 8.40668 37.5827 11.8564C37.5827 15.4705 39.7699 17.9345 43.2146 17.9345C45.8391 17.9345 47.8075 17.168 48.6277 14.2658H43.3786V10.816H52.4004C52.5098 12.623 52.4551 14.4301 51.7989 16.1823C50.3226 20.0154 46.878 21.6581 43.2146 21.6581C38.1295 21.6581 33.3726 18.2084 33.3726 11.8564C33.3726 5.44975 38.1295 2 43.2146 2Z" fill={ primaryFill } />
<path fillRule="evenodd" clipRule="evenodd" d="M72.9593 20.7274V21.275H68.5851L64.6482 14.9778H61.2036V21.275H57.1028V2.16444H65.3044C69.6786 2.16444 72.0845 5.3404 72.0845 8.73539C72.0845 11.1447 70.8269 13.2803 68.6398 14.3755L72.9593 20.7274ZM65.2498 11.6376C66.9994 11.6376 68.093 10.3234 68.093 8.68065C68.093 7.09267 66.9994 5.77852 65.2498 5.77852H61.1489V11.6376H65.2498Z" fill={ primaryFill } />
<path fillRule="evenodd" clipRule="evenodd" d="M80.286 21.3295L81.7623 18.1536H89.7999L91.3309 21.3295H95.5958V20.7819L86.7927 2.05473H84.8789L76.0212 20.7819V21.3295H80.286ZM88.433 14.7585H83.0746L85.7538 8.46138L88.433 14.7585Z" fill={ primaryFill } />
<path d="M103.743 13.0064L105.766 8.35201L108.336 2.2739H112.71V2.87622L104.508 21.3296H102.813L94.5569 2.87622V2.2739H98.9311L101.501 8.35201L103.633 13.0612H103.743V13.0064Z" fill={ primaryFill } />
<path d="M116.647 2.16444V21.3297H120.748V2.16444H116.647Z" fill={ primaryFill } />
<path d="M124.739 5.77844V2.21917H140.924V5.77844H134.854V21.3296H130.863V5.77844H124.739Z" fill={ primaryFill } />
<path d="M154.101 6.16171L152.187 9.94002H152.078L150.274 6.2712L147.868 2.21917H143.439V2.82149L150.055 13.6635V21.2749H154.156V13.6635L160.772 2.82149V2.21917H156.398L154.101 6.16171Z" fill={ primaryFill } />
<path fillRule="evenodd" clipRule="evenodd" d="M14.6351 0.0502579C15.051 0.160688 15.3994 0.444363 15.5918 0.829187C16.3171 2.27987 16.8585 3.16033 17.4031 3.8742C17.9544 4.59679 18.5375 5.18834 19.4246 6.07542C21.4746 8.12538 22.5 10.8152 22.5 13.5001C22.5 16.1849 21.4746 18.8747 19.4246 20.9247C15.3241 25.0252 8.67588 25.0252 4.57538 20.9247C2.52542 18.8747 1.5 16.1849 1.5 13.5001C1.5 10.8152 2.52542 8.12538 4.57538 6.07542C5.00438 5.64642 5.64955 5.51809 6.21006 5.75026C6.77058 5.98243 7.13604 6.52939 7.13604 7.13608C7.13604 8.8158 7.24093 10.0957 7.73222 11.1166C8.00236 11.6779 8.42377 12.2267 9.15007 12.7165C9.32353 11.1253 9.64128 9.18672 10.0706 7.34666C10.4087 5.89793 10.8291 4.4516 11.3295 3.24549C11.5798 2.64223 11.8628 2.06781 12.1843 1.57186C12.4972 1.08911 12.8992 0.59787 13.4181 0.251932C13.7761 0.0132743 14.2193 -0.0601725 14.6351 0.0502579ZM15.182 19.682C13.4246 21.4393 10.5754 21.4393 8.81802 19.682C7.93934 18.8033 7.5 17.6517 7.5 16.5C7.5 16.5 8.81802 17.25 11.2501 17.25C11.2501 15.75 12.0001 11.25 13.1251 10.5C13.8751 12 14.3033 12.4394 15.182 13.318C16.0607 14.1967 16.5 15.3484 16.5 16.5C16.5 17.6517 16.0607 18.8033 15.182 19.682Z" fill={ logoFill } />
</svg>
);
} );
GravityBillingFullLogo.propTypes = {
height: PropTypes.number,
logoFill: PropTypes.string,
primaryFill: PropTypes.string,
secondaryFill: PropTypes.string,
title: PropTypes.string,
width: PropTypes.number,
};
GravityBillingFullLogo.displayName = 'Svgs/GravityBillingFullLogo';
export default GravityBillingFullLogo;