import { FC, memo } from "react";

const GranityLogo: FC = () => {
    return (
        <svg
            width="32"
            height="38"
            viewBox="0 0 32 38"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
        >
            <path
                d="M31.8457 9.48127L16.0253 0L0 9.27063V28.1159L16.0253 37.5385L32 28.1159L31.8949 19.7307L31.8457 10.5104V9.48127Z"
                fill="white"
            />
            <path
                d="M30.7259 10.025L16.3763 1.55637V8.23715L25.0801 13.4124L30.7259 10.025Z"
                fill="#292929"
            />
            <path
                d="M1.46218 9.60153L15.6706 1.55637V8.23715L7.202 12.989L1.46218 9.60153Z"
                fill="#292929"
            />
            <path
                d="M6.77857 23.3865V13.4124L0.991699 10.025V26.7269L6.77857 23.3865Z"
                fill="#292929"
            />
            <path
                d="M15.6706 29.3616L6.77857 24.1863L0.991699 27.6208L15.6706 36.0894V29.3616Z"
                fill="#292929"
            />
            <path
                d="M16.3763 36.0894V29.3616L25.0801 24.1863L30.9611 27.6208L16.3763 36.0894Z"
                fill="#292929"
            />
            <path
                d="M30.9611 26.7269L25.0801 23.3865V16.5176L30.7259 19.8109L30.9611 26.7269Z"
                fill="#292929"
            />
            <path
                d="M25.0801 15.9871V14.0486L30.7259 10.6289V19.1182L25.0801 15.9871Z"
                fill="#292929"
            />
            <path
                d="M7.86084 13.876L15.77 9.27219L24.0333 13.876V23.4969L15.77 28.3368L7.86084 23.4969V13.876Z"
                fill="#9D00FF"
            />
            <path d="M15.77 18.1257V28.3367L24.0923 23.5558V13.876L15.77 18.1257Z" fill="#BD85E0" />
        </svg>
    );
};

export default memo(GranityLogo);
