import React from 'react'
import { createIcon } from '../createIcon'

export const LunoBadge = createIcon({
    rectFill: 'white',
    path: (
        <>
            <path
                d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                fill="url(#LunoBadge_a)"
            ></path>
            <path
                d="M12 4.36841C10.4906 4.36841 9.01512 4.81599 7.76011 5.65456C6.5051 6.49313 5.52695 7.68502 4.94933 9.07951C4.37171 10.474 4.22058 12.0084 4.51505 13.4888C4.80952 14.9692 5.53635 16.329 6.60365 17.3963C7.67094 18.4636 9.03076 19.1905 10.5111 19.4849C11.9915 19.7794 13.526 19.6283 14.9205 19.0506C16.315 18.473 17.5068 17.4949 18.3454 16.2399C19.184 14.9849 19.6316 13.5094 19.6316 12C19.6316 9.97596 18.8275 8.03484 17.3963 6.60364C15.9651 5.17245 14.024 4.36841 12 4.36841V4.36841ZM12 17.5263C10.907 17.5263 9.83853 17.2022 8.92973 16.5949C8.02093 15.9877 7.31261 15.1246 6.89434 14.1148C6.47607 13.105 6.36663 11.9939 6.57986 10.9219C6.79309 9.84985 7.31942 8.86516 8.09229 8.09229C8.86516 7.31942 9.84986 6.79309 10.9219 6.57986C11.9939 6.36662 13.105 6.47606 14.1148 6.89434C15.1246 7.31261 15.9877 8.02093 16.5949 8.92973C17.2022 9.83853 17.5263 10.907 17.5263 12C17.5263 13.4657 16.9441 14.8713 15.9077 15.9077C14.8713 16.9441 13.4657 17.5263 12 17.5263V17.5263Z"
                fill="white"
            ></path>
            <defs>
                <linearGradient
                    id="LunoBadge_a"
                    x1="12"
                    y1="4.13947"
                    x2="12"
                    y2="24.1395"
                    gradientUnits="userSpaceOnUse"
                >
                    <stop stopColor="#0089F5"></stop>
                    <stop offset="1" stopColor="#103161"></stop>
                </linearGradient>
            </defs>
        </>
    ),
})
