@gravityforms/components/react/admin/elements/Svgs/GravitySMTPTextLogo/index.js

UI components for use in Gravity Forms development. Both React and vanilla js flavors.

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

const { forwardRef } = React;

/**
 * @module GravitySMTPTextLogo
 * @description The Gravity SMTP text logo.
 *
 * @since 3.6.6
 *
 * @param {object} props               Component props.
 * @param {number} props.height        The height of the logo.
 * @param {string} props.primaryFill   The primary fill color.
 * @param {string} props.secondaryFill The secondary fill color.
 * @param {string} props.title         The title of the logo.
 * @param {number} props.width         The width of the logo.
 *
 * @return {JSX.Element} The text component.
 * @example
 * import GravitySMTPTextLogo from '@gravityforms/components/react/admin/elements/Svgs/GravitySMTPTextLogo';
 *
 * return (
 *    <GravitySMTPTextLogo height={ 20 } width={ 200 } />
 * );
 *
 */
const GravitySMTPTextLogo = forwardRef( ( {
	height = 20,
	primaryFill = '#1B2A45',
	secondaryFill = '#8996AD',
	title = '',
	width = 200,
}, ref ) => {
	return (
		<svg xmlns="http://www.w3.org/2000/svg" width={ width } height={ height } viewBox="0 0 200 20" fill="none" ref={ ref }>
			{ title !== '' && <title>{ title }</title> }
			<path fill={ primaryFill } fillRule="evenodd" d="M10.16.792c3.59 0 7.181 1.693 8.207 5.9h-3.796c-.923-1.745-2.36-2.412-4.411-2.412-3.386 0-5.284 2.514-5.284 5.746 0 3.385 2.052 5.694 5.284 5.694 2.462 0 4.309-.718 5.078-3.437h-4.925V9.05h8.465c.102 1.693.051 3.386-.565 5.027-1.385 3.591-4.616 5.13-8.053 5.13-4.771 0-9.234-3.232-9.234-9.182C.926 4.024 5.389.792 10.16.792Zm27.906 17.544v.513h-4.104l-3.693-5.9h-3.232v5.9h-3.848V.946h7.695c4.104 0 6.361 2.975 6.361 6.156 0 2.257-1.18 4.258-3.232 5.284l4.053 5.95Zm-7.233-8.515c1.642 0 2.667-1.232 2.667-2.77 0-1.488-1.026-2.72-2.667-2.72h-3.848v5.49h3.848ZM44.94 18.9l1.385-2.976h7.54l1.437 2.975h4.002v-.513L51.044.843H49.25l-8.31 17.544v.513h4.001Zm7.643-6.157h-5.027l2.514-5.899 2.513 5.9Zm14.364-1.641 1.898-4.36 2.411-5.694h4.104v.564L67.665 18.9h-1.59L58.329 1.613v-.564h4.104l2.41 5.694 2.001 4.411h.103v-.051ZM79.053.946V18.9h3.848V.946h-3.848Zm7.593 3.386V.997h15.184v3.335h-5.694V18.9H92.39V4.332h-5.746Zm27.547.359-1.796 3.54h-.102l-1.693-3.438-2.257-3.796h-4.155v.565l6.207 10.157v7.13h3.847v-7.13l6.207-10.157V.997h-4.104l-2.154 3.694Z" clipRule="evenodd" />
			<path fill={ secondaryFill } d="M133.621 3.016c-2.047 0-3.542 1.15-3.542 2.852 0 1.794 1.242 2.668 4.14 2.921 4.232.368 6.233 2.07 6.233 5.244 0 3.22-2.737 5.474-6.647 5.474-4.462 0-7.038-2.622-6.762-6.9h2.254c-.161 3.174 1.403 4.83 4.508 4.83 2.576 0 4.324-1.242 4.324-3.243 0-2.024-1.288-2.898-4.646-3.22-3.795-.345-5.727-2.024-5.727-4.922 0-2.898 2.484-5.06 5.865-5.06 3.841 0 6.279 2.438 6.118 6.141h-2.254c.115-2.668-1.242-4.117-3.864-4.117ZM151.309 19.208l-4.163-10.396-1.265-3.358.092 4.9v8.854h-2.254V1.268h2.898l4.209 10.534 1.541 4.14 1.541-4.14 4.186-10.534h2.852v17.94h-2.231v-8.855l.092-4.899-1.265 3.358-4.163 10.396h-2.07ZM171.622 3.384v15.824h-2.3V3.384h-5.75V1.268h13.8v2.116h-5.75ZM182.291 10.008h4.577c1.771 0 3.312-1.058 3.312-3.312 0-2.254-1.541-3.312-3.312-3.312h-4.577v6.624Zm0 2.14v7.06h-2.3V1.268h6.946c3.105 0 5.566 1.91 5.566 5.428 0 3.542-2.461 5.451-5.566 5.451h-4.646Z" />
		</svg>
	);
} );

GravitySMTPTextLogo.propTypes = {
	height: PropTypes.number,
	primaryFill: PropTypes.string,
	secondaryFill: PropTypes.string,
	title: PropTypes.string,
	width: PropTypes.number,
};

GravitySMTPTextLogo.displayName = 'Svgs/GravitySMTPTextLogo';

export default GravitySMTPTextLogo;