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

export const XMark = createIcon({
    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="#1E1E1E"
            ></path>
            <path
                d="M6.79638 5.32428L15.0912 5.48093C17.0877 5.52009 17.7301 8.08526 15.9695 8.99384L7.081 13.5916C6.66219 13.807 6.15393 13.5172 6.15393 13.059V5.9313C6.15393 5.59058 6.44262 5.31644 6.79638 5.32428Z"
                fill="white"
            ></path>
            <path
                d="M17.1037 18.6678L8.23557 18.5059C6.037 18.4673 5.34946 15.541 7.30331 14.5386L17.0066 9.55734C17.3834 9.36457 17.8301 9.63445 17.8301 10.0547V17.9584C17.8301 18.3555 17.4999 18.6755 17.1037 18.6678Z"
                fill="white"
            ></path>
            <path
                d="M14.7904 16.4514C15.4094 16.4514 15.9113 15.9496 15.9113 15.3305C15.9113 14.7115 15.4094 14.2096 14.7904 14.2096C14.1713 14.2096 13.6695 14.7115 13.6695 15.3305C13.6695 15.9496 14.1713 16.4514 14.7904 16.4514Z"
                fill="#00F97D"
            ></path>
        </>
    ),
})
