@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
63 lines (57 loc) • 4.75 kB
JavaScript
import { React, PropTypes } from '@gravityforms/libraries';
const { forwardRef } = React;
/**
* @module AmazonAWSFullLogo
* @description The Amazon AWS logo.
*
* @since 2.3.1
*
* @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 AmazonAWSFullLogo from '@gravityforms/components/react/admin/elements/Svgs/AmazonAWSFullLogo';
*
* return (
* <AmazonAWSFullLogo height={ 44 } width={ 44 } />
* );
*
*/
const AmazonAWSFullLogo = forwardRef( ( {
height = 80,
title = '',
width = 55,
}, ref ) => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={ width } height={ height } viewBox="0 0 55 33" fill="none" ref={ ref }>
{ title !== '' && <title>{ title }</title> }
<path
fill="#252F3E"
d="M15.5 11.945c0 .677.073 1.226.2 1.628.147.402.33.841.586 1.317a.796.796 0 0 1 .128.42c0 .184-.11.367-.348.55l-1.152.768a.877.877 0 0 1-.476.165c-.183 0-.365-.092-.548-.257a5.662 5.662 0 0 1-.659-.86 14.177 14.177 0 0 1-.567-1.079c-1.427 1.683-3.22 2.525-5.378 2.525-1.536 0-2.762-.44-3.658-1.317-.897-.878-1.354-2.05-1.354-3.512 0-1.555.549-2.817 1.665-3.769 1.115-.95 2.597-1.427 4.481-1.427.622 0 1.262.055 1.94.147a24.97 24.97 0 0 1 2.103.402V6.311c0-1.39-.293-2.36-.86-2.927-.585-.567-1.573-.841-2.982-.841-.64 0-1.298.073-1.975.237-.677.165-1.336.366-1.976.622a5.247 5.247 0 0 1-.64.238c-.128.037-.22.055-.293.055-.256 0-.384-.183-.384-.567v-.896c0-.293.037-.513.128-.64.092-.129.256-.257.512-.385.64-.329 1.409-.603 2.305-.823A11.09 11.09 0 0 1 9.152.037c2.177 0 3.768.493 4.793 1.481 1.006.988 1.518 2.488 1.518 4.5v5.927h.036Zm-7.427 2.78c.603 0 1.225-.11 1.884-.329.658-.22 1.244-.622 1.738-1.17.292-.348.512-.732.621-1.171.11-.44.183-.97.183-1.592v-.768a15.275 15.275 0 0 0-1.683-.311 13.783 13.783 0 0 0-1.719-.11c-1.226 0-2.122.238-2.726.732-.603.494-.896 1.189-.896 2.104 0 .86.22 1.5.677 1.939.439.457 1.08.676 1.92.676Zm14.689 1.976c-.33 0-.55-.055-.696-.183-.146-.11-.274-.366-.384-.713l-4.298-14.14c-.11-.366-.165-.604-.165-.732 0-.293.146-.457.439-.457h1.793c.347 0 .585.054.713.183.146.11.256.365.366.713l3.073 12.11 2.854-12.11c.091-.366.2-.604.347-.713.147-.11.403-.183.732-.183h1.463c.348 0 .586.054.732.183.146.11.274.365.347.713l2.89 12.256 3.165-12.256c.11-.366.238-.604.366-.713.146-.11.384-.183.714-.183h1.7c.293 0 .458.146.458.457 0 .091-.018.183-.037.293-.018.11-.054.256-.128.457l-4.408 14.14c-.11.366-.238.604-.384.713-.147.11-.384.183-.695.183h-1.574c-.347 0-.585-.055-.731-.183-.147-.128-.274-.365-.348-.731L28.231 4.006l-2.817 11.78c-.091.366-.201.604-.348.732-.146.128-.402.183-.731.183h-1.573Zm23.505.494c-.95 0-1.902-.11-2.817-.33-.914-.219-1.628-.457-2.103-.731-.293-.165-.494-.348-.567-.512a1.291 1.291 0 0 1-.11-.512v-.933c0-.384.146-.567.42-.567.11 0 .22.018.33.055.11.036.274.11.457.182a9.948 9.948 0 0 0 2.012.64c.732.147 1.445.22 2.177.22 1.153 0 2.049-.201 2.67-.604.623-.402.952-.987.952-1.737 0-.512-.165-.933-.494-1.28-.33-.348-.951-.66-1.847-.952l-2.653-.823c-1.335-.42-2.323-1.043-2.927-1.866-.603-.805-.914-1.701-.914-2.652 0-.769.164-1.445.494-2.03a4.702 4.702 0 0 1 1.317-1.5A5.806 5.806 0 0 1 44.566.31c.732-.22 1.5-.311 2.305-.311.402 0 .823.018 1.226.073.42.055.804.128 1.189.201.365.092.713.183 1.042.293.33.11.586.22.769.33.256.146.439.292.548.457.11.146.165.347.165.603v.86c0 .384-.146.585-.42.585-.147 0-.385-.073-.696-.22-1.043-.475-2.213-.713-3.512-.713-1.043 0-1.866.165-2.433.513-.567.347-.86.878-.86 1.628 0 .512.183.95.55 1.298.365.348 1.042.696 2.011 1.007l2.598.823c1.317.42 2.268 1.006 2.835 1.756.567.75.842 1.61.842 2.56 0 .787-.165 1.5-.476 2.123a4.92 4.92 0 0 1-1.335 1.61c-.567.457-1.244.786-2.03 1.024a8.699 8.699 0 0 1-2.617.384Z"
/>
<path
fill="#F90"
fillRule="evenodd"
d="M49.725 26.085c-6.018 4.445-14.762 6.805-22.28 6.805-10.537 0-20.03-3.897-27.201-10.372-.567-.512-.055-1.207.622-.805 7.756 4.5 17.323 7.226 27.219 7.226 6.677 0 14.012-1.39 20.762-4.244 1.006-.458 1.866.658.878 1.39Z"
clipRule="evenodd"
/>
<path
fill="#F90"
fillRule="evenodd"
d="M52.23 23.231c-.768-.987-5.085-.475-7.042-.237-.586.073-.677-.44-.147-.824 3.44-2.414 9.092-1.72 9.75-.914.659.823-.183 6.475-3.402 9.183-.494.42-.97.2-.75-.348.732-1.81 2.36-5.89 1.591-6.86Z"
clipRule="evenodd"
/>
</svg>
);
} );
AmazonAWSFullLogo.propTypes = {
height: PropTypes.number,
title: PropTypes.string,
width: PropTypes.number,
};
AmazonAWSFullLogo.displayName = 'Svgs/AmazonAWSFullLogo';
export default AmazonAWSFullLogo;