nexxtway/react-rainbow

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

Summary

Maintainability
B
6 hrs
Test Coverage
import React from 'react';
import PropTypes from 'prop-types';

function SvgBotswana({ className, style }) {
    return (
        <svg width={32} height={32} viewBox="0 0 32 32" className={className} style={style}>
            <g fillRule="nonzero" fill="none">
                <path
                    d="M.756 11.13A15.985 15.985 0 000 16c0 1.698.265 3.334.756 4.87L16 21.564l15.244-.696A15.99 15.99 0 0032 16c0-1.698-.265-3.334-.756-4.87L16 10.435.756 11.13z"
                    fill="#F0F0F0"
                />
                <path
                    d="M32 16c0-.95-.083-1.879-.242-2.783H.242a16.085 16.085 0 000 5.566h31.516c.159-.904.242-1.834.242-2.783z"
                    fill="#000"
                />
                <g fill="#338AF3">
                    <path d="M16 32c7.139 0 13.184-4.675 15.244-11.13H.756C2.816 27.324 8.862 32 16 32zM16 0C8.862 0 2.816 4.675.756 11.13h30.488C29.184 4.675 23.138 0 16 0z" />
                </g>
            </g>
        </svg>
    );
}
SvgBotswana.propTypes = {
    className: PropTypes.string,
    style: PropTypes.object,
};

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

export default SvgBotswana;