nexxtway/react-rainbow

import React from 'react';
import PropTypes from 'prop-types';

export default function Cancel(props) {
    const { className, style } = props;
    return (
        <svg
            className={className}
            style={style}
            width="12px"
            height="12px"
            viewBox="0 0 12 12"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            xmlnsXlink="http://www.w3.org/1999/xlink"
        >
            <g id="Import-File" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
                <g
                    id="import-file-3.1"
                    transform="translate(-644.000000, -416.000000)"
                    fillRule="nonzero"
                >
                    <g id="Group-10">
                        <g id="Group-31" transform="translate(360.000000, 244.000000)">
                            <g id="Group-19" transform="translate(0.000000, 72.000000)">
                                <g id="Group-20">
                                    <g
                                        id="Group-24-Copy"
                                        transform="translate(0.000000, 85.000000)"
                                    >
                                        <g id="Group-6">
                                            <g
                                                id="Group-28"
                                                transform="translate(176.000000, 11.000000)"
                                            >
                                                <g
                                                    id="cancel"
                                                    transform="translate(108.000000, 4.000000)"
                                                >
                                                    <circle
                                                        id="Oval"
                                                        fill="#FE4849"
                                                        cx="5.98831579"
                                                        cy="5.98831579"
                                                        r="5.98831579"
                                                    />
                                                    <path
                                                        d="M11.9766053,5.98831579 C11.9766053,9.28189474 9.28186842,11.9766316 5.98828947,11.9766316 C4.07952632,11.9766316 2.39531579,11.1158158 1.30992105,9.73102632 C2.32044737,10.5544211 3.63039474,11.0409737 5.05260526,11.0409737 C8.34618421,11.0409737 11.0409211,8.34623684 11.0409211,5.05265789 C11.0409211,3.63044737 10.5543684,2.3205 9.73097368,1.30997368 C11.1157895,2.39531579 11.9766053,4.07952632 11.9766053,5.98831579 Z"
                                                        id="Shape"
                                                        fill="#EA4243"
                                                    />
                                                    <path
                                                        d="M5.59482039,6.47086111 L5.44258591,4.19303406 C5.41404477,3.74911091 5.4,3.43041654 5.4,3.23713159 C5.4,2.97402922 5.46895937,2.76873169 5.60665232,2.6213745 C5.74452591,2.47352054 5.92634022,2.4 6.15128236,2.4 C6.42400381,2.4 6.60649552,2.49429415 6.69826071,2.68288246 C6.7900259,2.87165141 6.8361343,3.14369547 6.8361343,3.49838239 C6.8361343,3.70774432 6.82497977,3.92049325 6.80303199,4.1355905 L6.59841187,6.48016408 C6.57628345,6.75929826 6.5287751,6.97322135 6.45561584,7.12243011 C6.38263722,7.27127759 6.2619696,7.34565617 6.09415491,7.34565617 C5.92281774,7.34565617 5.80400168,7.27385171 5.73761643,7.12938476 C5.6708699,6.9853694 5.62322606,6.76571099 5.59482039,6.47086111 Z M6.12269605,9.6 C5.92923046,9.6 5.76024161,9.53763399 5.61627141,9.41245037 C5.4719851,9.28740223 5.4,9.11218129 5.4,8.88710367 C5.4,8.69043172 5.46895937,8.52311378 5.60665232,8.38505955 C5.74452591,8.24718597 5.91351477,8.17822659 6.11325761,8.17822659 C6.31313593,8.17822659 6.48316346,8.24700533 6.62442405,8.38505955 C6.765504,8.52293314 6.8361343,8.69038656 6.8361343,8.88710367 C6.8361343,9.10897493 6.7648266,9.28320235 6.62184993,9.41010205 C6.47923454,9.53659531 6.31295529,9.6 6.12269605,9.6 Z"
                                                        id="Shape"
                                                        fill="#FFFFFF"
                                                    />
                                                </g>
                                            </g>
                                        </g>
                                    </g>
                                </g>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </svg>
    );
}

Cancel.propTypes = {
    style: PropTypes.object,
    className: PropTypes.string,
};

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