nexxtway/react-rainbow

View on GitHub
src/components/PhoneInput/flags/UnitedStates.js

Summary

Maintainability
D
2 days
Test Coverage
import React from 'react';
import PropTypes from 'prop-types';

function SvgUnitedStates({ className, style }) {
    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            width="320px"
            height="322px"
            viewBox="0 0 320 322"
            version="1.1"
            className={className}
            style={style}
        >
            <title>USA flag</title>
            <g id="components" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
                <g id="USA-flag" transform="translate(-0.001000, 0.773000)" fillRule="nonzero">
                    <circle id="Oval" fill="#F0F0F0" cx="160.001" cy="160" r="160" />
                    <g id="Group" transform="translate(5.001000, 34.227000)" fill="#D80027">
                        <path
                            d="M148.043,125.772 L315,125.772 C315,111.33 313.076,97.341 309.489,84.033 L148.043,84.033 L148.043,125.772 Z"
                            id="Path"
                        />
                        <path
                            d="M148.043,42.294 L291.515,42.294 C281.721,26.311 269.198,12.184 254.597,0.555 L148.043,0.555 L148.043,42.294 L148.043,42.294 Z"
                            id="Path"
                        />
                        <path
                            d="M155,285.772 C192.655,285.772 227.267,272.757 254.598,250.989 L55.402,250.989 C82.733,272.757 117.344,285.772 155,285.772 Z"
                            id="Path"
                        />
                        <path
                            d="M18.484,209.251 L291.517,209.251 C299.38,196.421 305.478,182.396 309.489,167.512 L0.511,167.512 C4.523,182.395 10.62,196.421 18.484,209.251 Z"
                            id="Path"
                        />
                    </g>
                    <path
                        d="M74.115,24.986 L88.696,24.986 L75.133,34.839 L80.314,50.782 L66.752,40.928 L53.19,50.782 L57.666,37.008 C45.725,46.955 35.257,58.609 26.632,71.594 L31.304,71.594 L22.671,77.866 C21.326,80.11 20.035,82.389 18.8,84.702 L22.923,97.39 L15.232,91.802 C13.321,95.853 11.571,99.995 9.999,104.223 L14.541,118.203 L31.305,118.203 L17.743,128.057 L22.923,143.999 L9.361,134.146 L1.237,140.049 C0.423,146.586 0,153.243 0,160 L160,160 C160,71.634 160,61.217 160,0 C128.394,0 98.929,9.168 74.115,24.986 Z M80.315,143.999 L66.753,134.146 L53.191,143.999 L58.372,128.057 L44.809,118.203 L61.573,118.203 L66.754,102.261 L71.934,118.203 L88.698,118.203 L75.135,128.057 L80.315,143.999 Z M75.134,81.448 L80.315,97.39 L66.753,87.537 L53.191,97.39 L58.372,81.448 L44.809,71.595 L61.573,71.595 L66.754,55.652 L71.934,71.595 L88.698,71.595 L75.134,81.448 Z M137.707,143.999 L124.145,134.146 L110.583,143.999 L115.764,128.057 L102.202,118.203 L118.966,118.203 L124.146,102.261 L129.326,118.203 L146.09,118.203 L132.528,128.057 L137.707,143.999 Z M132.526,81.448 L137.706,97.39 L124.144,87.537 L110.582,97.39 L115.763,81.448 L102.201,71.595 L118.965,71.595 L124.145,55.652 L129.325,71.595 L146.089,71.595 L132.526,81.448 Z M132.526,34.839 L137.706,50.782 L124.144,40.928 L110.582,50.782 L115.763,34.839 L102.201,24.986 L118.965,24.986 L124.145,9.043 L129.325,24.986 L146.089,24.986 L132.526,34.839 Z"
                        id="Shape"
                        fill="#0052B4"
                    />
                </g>
            </g>
            <svg
                xmlns="http://www.w3.org/2000/svg"
                width="320px"
                height="322px"
                viewBox="0 0 320 322"
                version="1.1"
            >
                <title>USA flag</title>
                <g id="components" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
                    <g id="USA-flag" transform="translate(-0.001000, 0.773000)" fillRule="nonzero">
                        <circle id="Oval" fill="#F0F0F0" cx="160.001" cy="160" r="160" />
                        <g id="Group" transform="translate(5.001000, 34.227000)" fill="#D80027">
                            <path
                                d="M148.043,125.772 L315,125.772 C315,111.33 313.076,97.341 309.489,84.033 L148.043,84.033 L148.043,125.772 Z"
                                id="Path"
                            />
                            <path
                                d="M148.043,42.294 L291.515,42.294 C281.721,26.311 269.198,12.184 254.597,0.555 L148.043,0.555 L148.043,42.294 L148.043,42.294 Z"
                                id="Path"
                            />
                            <path
                                d="M155,285.772 C192.655,285.772 227.267,272.757 254.598,250.989 L55.402,250.989 C82.733,272.757 117.344,285.772 155,285.772 Z"
                                id="Path"
                            />
                            <path
                                d="M18.484,209.251 L291.517,209.251 C299.38,196.421 305.478,182.396 309.489,167.512 L0.511,167.512 C4.523,182.395 10.62,196.421 18.484,209.251 Z"
                                id="Path"
                            />
                        </g>
                        <path
                            d="M74.115,24.986 L88.696,24.986 L75.133,34.839 L80.314,50.782 L66.752,40.928 L53.19,50.782 L57.666,37.008 C45.725,46.955 35.257,58.609 26.632,71.594 L31.304,71.594 L22.671,77.866 C21.326,80.11 20.035,82.389 18.8,84.702 L22.923,97.39 L15.232,91.802 C13.321,95.853 11.571,99.995 9.999,104.223 L14.541,118.203 L31.305,118.203 L17.743,128.057 L22.923,143.999 L9.361,134.146 L1.237,140.049 C0.423,146.586 0,153.243 0,160 L160,160 C160,71.634 160,61.217 160,0 C128.394,0 98.929,9.168 74.115,24.986 Z M80.315,143.999 L66.753,134.146 L53.191,143.999 L58.372,128.057 L44.809,118.203 L61.573,118.203 L66.754,102.261 L71.934,118.203 L88.698,118.203 L75.135,128.057 L80.315,143.999 Z M75.134,81.448 L80.315,97.39 L66.753,87.537 L53.191,97.39 L58.372,81.448 L44.809,71.595 L61.573,71.595 L66.754,55.652 L71.934,71.595 L88.698,71.595 L75.134,81.448 Z M137.707,143.999 L124.145,134.146 L110.583,143.999 L115.764,128.057 L102.202,118.203 L118.966,118.203 L124.146,102.261 L129.326,118.203 L146.09,118.203 L132.528,128.057 L137.707,143.999 Z M132.526,81.448 L137.706,97.39 L124.144,87.537 L110.582,97.39 L115.763,81.448 L102.201,71.595 L118.965,71.595 L124.145,55.652 L129.325,71.595 L146.089,71.595 L132.526,81.448 Z M132.526,34.839 L137.706,50.782 L124.144,40.928 L110.582,50.782 L115.763,34.839 L102.201,24.986 L118.965,24.986 L124.145,9.043 L129.325,24.986 L146.089,24.986 L132.526,34.839 Z"
                            id="Shape"
                            fill="#0052B4"
                        />
                    </g>
                </g>
            </svg>
        </svg>
    );
}
SvgUnitedStates.propTypes = {
    className: PropTypes.string,
    style: PropTypes.object,
};

SvgUnitedStates.defaultProps = {
    className: undefined,
    style: undefined,
};

export default SvgUnitedStates;