import classNames from '@/utils/classNames'
import type { SvgProps } from '@/@types/common'

const ImposibleSphere = ({
    pathClass,
    ...props
}: SvgProps & { pathClass?: string }) => {
    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 462.85 467.32"
            {...props}
        >
            <path
                d="m325.5 31.7.91.42c38 11.93 75.7 36.62 104.07 69.11 32.76 37.53 51.37 83 51.37 131.94 0 58.66-17.26 114.58-49 155.67a245.81 245.81 0 0 1-83.76 68.63C317.63 473.32 284 481.84 253 481.84a192.26 192.26 0 0 1-82.75-18.69c-34.57-11.78-68.51-33.56-95.09-61.94-34-36.36-54.24-81.19-55.94-130.08C17.14 212.52 32.43 156 62.7 113.85A245.93 245.93 0 0 1 144 42.34c30.9-16.93 64.17-26.62 95.24-27.71A192.44 192.44 0 0 1 325.5 31.7Zm72.28 55.06 1.59 2a193.25 193.25 0 0 1 41.84 113.47c3.24 92.7-58.26 170-144.15 191.93a152.71 152.71 0 0 1-40.42 6.11h-2.53a5.42 5.42 0 0 1-.57 0h.57A152.67 152.67 0 0 1 137 149.72 176.22 176.22 0 0 0 72 286.9c0 99.73 82.18 181.51 181.43 181.51 28.93 0 60.48-8 90.16-23a232.47 232.47 0 0 0 79.21-64.91c29.83-38.66 46.2-91.75 46.2-147.61 0-45.56-17.35-88-48.08-123.25a224.19 224.19 0 0 0-23.14-22.88Zm-158-58.07c-28.9 1-60.15 10.11-89.28 26.08a232.4 232.4 0 0 0-76.89 67.61c-28.46 39.67-43 93.28-41 149.09C34.19 317 53 358.81 85 392.92q6.92 7.4 14.49 14.12A193.34 193.34 0 0 1 58.32 287.9c0-107.57 87.8-191.9 195.34-191.9a152.66 152.66 0 0 1 132.62 228.08c27.11-32.21 42.72-74.22 41.12-120.38-3.48-99.64-88.4-178.47-187.61-175.01Zm14.47 79.8a139.36 139.36 0 0 0-.25 278.72h-.23a188.58 188.58 0 0 0 39.94-5.67 139.39 139.39 0 0 0-39.48-273.06Z"
                className={classNames('fill-current stroke-6', pathClass)}
                transform="translate(-19 -14.52)"
            />
        </svg>
    )
}
export default ImposibleSphere