import { SVGAttributes, useId } from 'react';

/**
 * The ProjectSend mark (no wordmark), with its brand gradient.
 */
export default function AppLogoIcon(props: SVGAttributes<SVGElement>) {
    const gradientId = useId();

    return (
        <svg {...props} viewBox="0 0 234.26482 252.25172" xmlns="http://www.w3.org/2000/svg">
            <defs>
                <linearGradient id={gradientId} gradientUnits="userSpaceOnUse" x1="31.5263" y1="211.0108" x2="197.4637" y2="50.766899">
                    <stop offset="0.1675" stopColor="#5219B3" />
                    <stop offset="0.8128" stopColor="#3072BF" />
                </linearGradient>
            </defs>
            <g transform="translate(-2.5,-2.1253469)">
                <path
                    fill={`url(#${gradientId})`}
                    d="m 233.21,158.034 c -2.53,0 -4.992,0 -7.522,0 -38.087,-1.299 -74.943,-8.889 -110.774,-21.676 C 87.015,126.375 60.621,113.451 37.441,94.647 29.783,88.493 22.876,81.587 16.585,73.997 15.286,72.356 15.149,71.604 17.2,70.51 58.092,48.285 98.983,26.062 139.873,3.839 c 6.633,-3.556 12.787,-1.504 16.684,5.47 19.283,35.352 38.497,70.772 57.78,106.124 7.043,12.992 14.154,25.984 21.197,38.976 1.916,3.556 1.916,3.556 -2.324,3.625 z M 3.799,130.545 c 21.061,38.702 42.121,77.337 63.182,115.971 4.513,8.274 10.325,9.915 18.667,5.402 48.002,-26.121 95.936,-52.241 143.869,-78.362 0.957,-0.479 2.051,-0.752 2.735,-1.846 C 153.002,171.573 75.939,160.495 2.5,127.947 c 0.547,1.026 0.889,1.846 1.299,2.598 z"
                />
            </g>
        </svg>
    );
}