73 lines
2.4 MiB
TypeScript
73 lines
2.4 MiB
TypeScript
|
import { SVGAttributes } from 'react';
|
||
|
|
|
||
|
|
export type BackgroundProps = Omit<SVGAttributes<SVGElement>, 'viewBox'>;
|
||
|
|
|
||
|
|
export const Background = ({ ...props }: BackgroundProps) => {
|
||
|
|
return (
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1440 1081" {...props}>
|
||
|
|
<g clipPath="url(#a)" opacity=".4">
|
||
|
|
<path
|
||
|
|
stroke="url(#b)"
|
||
|
|
strokeLinecap="round"
|
||
|
|
strokeLinejoin="round"
|
||
|
|
strokeWidth=".7"
|
||
|
|
d="M708 195.8c.4-1.5.8-3.5 2-4.7 2-2 3 2.5 3.5 3.7.6 2 1.2 4.2 2.1 6.1 1.8 2.3 3.2-2.1 3.6-3.3.8-1.9 1.4-4.5 3-5.9 1.5-1.4 2.6 3.8 2.9 4.5.7 2 1 4.3 2 6.3 1 2.6 2.8-1 3.3-2.2.9-2 1.6-4.1 3-5.9 1.8-1.8 2.7 3 3 4 .4 2.2.9 4.5 1.7 6.7 1 2.6 2.3.9 3.2-.9 1-1.9 1.8-4.1 3.2-5.8 1.8-2.1 2.6 2.2 3 3.4.5 2.3.6 4.8 1.3 7 .2.7.5 1.9 1.3 2 .9.2 1.6-1.2 2-1.8 1-1.9 2-4.6 3.7-6 1.6-1.6 2.4 3 2.5 3.9.4 2.3.5 4.6 1.1 6.8.2.7.4 1.8 1 2.3.7.6 1.5-.7 1.9-1.1 1.3-2 2.2-4.3 3.9-6 1.8-1.8 2.3 1.7 2.4 3l1 7c.3 1.6.7 4.4 2.6 2.4 1.7-1.7 2.4-4 4-5.8 1.7-2.1 2.3.6 2.6 2.2.3 2.3.3 4.7.6 7 .2 1.2.4 5 2.3 3.4 1.7-1.4 2.6-3.7 4-5.4.3-.5 1-1.3 1.6-1.4 1 0 1.2 1.5 1.3 2.1.3 2.2.3 4.6.5 6.8 0 .8 0 5.5 1.6 4.8 1.8-.7 3-3.6 4-5 1.3-1.5 2.9-3 3.5-.2.4 2.2.1 4.6.2 6.8.1 1-.1 5.3 1.6 4.8.8-.2 1.5-1.3 2-2l2.3-3c.5-.6 1.2-1.7 2-2 1-.3 1.3 1.5 1.3 2.1.2 2.3.1 4.6.1 6.9 0 .7 0 5.2 1.8 3.9 2-1.2 3-3.7 4.5-5.3.4-.4 1.4-1.6 2-1.5.9 0 1 1.8 1 2.3.3 2.3 0 4.6 0 6.8 0 1.1.1 4.7 2 2.9 1.7-1.5 2.8-3.4 4.3-5 1.4-1.6 2.9-2.4 3.2.2.3 2.4-.2 4.8-.1 7.2 0 1.6.3 4.1 2.2 2.2 1.6-1.6 3-3.4 4.5-5 1.3-1.5 2.8-2.2 3 .3.3 2.4-.3 4.7-.3 7 0 .7 0 2 .6 2.4.6.5 1.7-.6 2.1-1 1.7-1.6 3-3.5 4.7-5 .5-.5 1.4-1.4 2-1.2 1 .4.8 2 .8 2.9-.1 2.3-.4 4.6-.4 7 .4 2.4 3.3-.8 4-1.5 1.6-1.6 3-3.3 4.8-4.7 2.3-1.6 1.8 2.4 1.7 3.6-.1 1.4-1.1 5 0 6.1 1 1.1 4.1-2.5 4.7-3.1 1.1-1.2 3.2-3.8 4.9-4.2 2-.4 1 4 1 5-.2.7-1.1 4.9.4 4.9 1.8 0 3.7-2.6 5-3.7 1-1 3.3-3.8 5-3.8 1.5 0 .4 4.7.4 5.5-.1 1-.9 4.7 1.2 3.9 2.1-.9 3.7-2.9 5.4-4.3.9-.7 3.2-3.3 4.5-2.8 1.5.6.1 5 0 6-.1 1.4-.5 4.1 1.8 3 2-1 3.8-3 5.6-4.4.7-.5 3.6-3.2 4.5-2.2 1.2 1.3-.2 4.7-.4 6.2-.3 1.6-.3 3.7 1.9 2.6 2.2-1 4-3 6-4.5.8-.5 3.7-3 4.4-1.4.8 1.7-.6 4.7-.8 6.5-.2 1.8 0 3.3 2.1 2 2.2-1.1 4-2.8 6-4 .7-.5 3.7-2.8 4.3-1.3.8 1.9-.7 4.7-1 6.6-.4 2 0 3.1 2.1 2.2 2.2-1 4-2.6 6-3.9.8-.5 3.7-2.4 4.3-1 .7 2-.8 5-1.2 6.7-.4 1.7-.3 3.7 1.9 2.5 2.3-1.3 4.5-2.8 6.8-4 1-.6 3.9-2 3.6.4-.2 2.3-1.4 4.5-1.9 6.8-.5 2.1.4 2.5 2.3 1.8 2.4-.9 4.6-2.6 7-3.6 1.3-.7 3-1.2 2.8 1-.2 2.3-1.6 4.6-2.3 6.9-.5 2 .1 2.7 2.1 2 2.4-.8 4.6-2.3 7-3.2 1.6-.6 3.4-.7 2.7 1.5-.7 2.4-2 4.6-2.8 6.9-.6 1.8-.2 2.9 1.9 2.3 2.4-.6 4.6-2 7-3 1.9-.6 3-.4 2.4 1.8-.8 2.5-2.2 4.7-3.2 7-.5 1.6-.8 3 1.2 2.7 2.4-.3 4.5-1.7 6.8-2.5 1.2-.4 3.6-1 3 1.2-.5 2.4-2.4 4.7-3.5 6.8-.5 1-2.2 4 .1 4 2.3 0 4.5-1.5 6.6-2.2 1.2-.3 4-1 3.2 1.2-.7 2.5-2.5 4.6-3.7 6.8-.4.7-2.5 3.6-1.1 4.2 1.6.8 4.6-.9 6.2-1.4.8-.2 4-1.7 4.2 0 .2 1.7-1.8 4-2.6 5.3-1.1 1.9-3 3.7-3.5 5.7-.6 2.3 3.2.9 4.1.6 1.7-.5 4.2-1.6 6-1.2 1.8.5-1.2 4.3-1.7 5-1.4 1.9-2.9 3.8-4.1 5.8-1.5 2.4.6 2.4 2.5 2 2-.4 4-1.3 6.2-1.4 2.4-.1.6 2.7-.1 3.6l-4.6 6c-.8 1-2.8 3.8 0 3.6 2.2-.2 4.3-1 6.4-1.4 1.9-.4 3.4.2 2 2.2-1.5 2-3 3.8-4.6 5.5-.6.7-3.8 3.8-2.7 4.8 1.2 1 10.7-2.3 10.4-.2-.3 1.7-2.2 3.5-3.3 4.7-1.6 1.6-3.3 3.3-4.5 5.2-1.5 2 .6 2.1 2.2 1.9l3.8-.8c1-.2 2.6-.7 3.6-.3 1.6.7-1.3 3.5-1.8 4-1.7 2-3.7 3.6-5.3 5.6-1.3 1.6-1.3 2.8 1 2.6 2.5-.2 5-1.2 7.6-1 2.5.2.5 2.3-.4 3.3-1.8 2-3.9 3.6-5.7 5.6-1.1 1.2-2 2.8.3 2.8 2.5 0 5-.8 7.4-.8.5 0 1.9-.2 2.2.4.4.7-.5 1.5-.9 2-1.7 2-3.7 3.5-5.6 5.3-.5.5-3.5 3.4-1.2 3.4 2.4.4 5-.4 7.3-.6 1 0 4.6-.3 3 1.6-1.3 2-3.5 3.4-5.2 5-.5.4-3.9 3-2.6 3.8 1.6.9 4.6 0 6.3 0 .8-.1 5.3-.9 5.4.4.2 1.6-3 3.7-4 4.5-1 .7-4.7 2.9-4.3 4.3.3 1.4 4.9.6 5.7.5 1.8-.2 4.9-.8 6.5.2 1.4.8-2.8 3.9-3.3 4.2-1.1 1-4 2.7-4.4 4.3-.3 1.5 4.4 1 5.1 1 2-.1 4.5-.7 6.5 0 2.8.3-.3 2.7-1.2 3.4-1.6 1.2-3.9 2.5-5 4.2-1.6 1.7 3.1 1.7 3.8 1.6h7c2.5.3 2.2 1.5.6 3-1.7 1.5-3.7 2.7-5.4 4.3-2 1.8 2.2 2 3.1 2 2.4 0 4.7 0 7.1.2 2 .2 3.6 1 1.5 2.7-1.6 1.5-3.8 2.4-5.2 4-1.8 1.9.5 2.3 2.1 2.4l6.9.4c1 0 4.8.3 3.2 2.2-1.3 1.7-3.7 2.7-5.4 4-2 1.7-.7 2.6 1.4 2.8l7.2.7c1 .1 5 .5 3.2 2.4-1.5 1.6-3.7 2.5-5.4 3.9-2.3 1.9 0 2.6 2 2.9l7 1c1.4.2 4.4 1 2.4 2.7-1.7 1.4-3.8 2.3-5.4 3.8-2 1.9 1 2.5 2.6 2.8 2.4.5 4.8.6 7.2 1.3 2.2.7 2.7 1.8.6 3.2-1.7 1.2-4 2-5.3 3.6-1.6 1.6 3.3 2.5 4 2.6 2.3.5 4.7.7 6.8 1.6 2.8 1.2-.3 2.9-1.5 3.6-1 .6-5 2.1-4.8 3.6 0 1.7 4.7 2.3 5.8 2.5 1.2.3 5.4 1 5.8 2.4.4 1.7-4 3.2-5 3.7-1.4.8-4.4 2.5-1.6 3.7 2.2 1 4.6 1.4 6.8 2.2 1.7.6 4.2 1.9 1.8 3.4-2.1 1.3-4.6 2-6.6 3.4-2.3 1.8 1.1 2.8 2.5 3.3 2 .8 5 1.2 6.6 2.8 2.3 2.2-9.4 4.4-8.8 6.7.4 1.6 4 2.3 5.2 2.7 1.3.5 5.8 1.9
|
||
|
|
/>
|
||
|
|
<g filter="url(#c)">
|
||
|
|
<path fill="url(#d)" fillOpacity=".8" d="M-11 1h1452v1091H-11z" />
|
||
|
|
</g>
|
||
|
|
</g>
|
||
|
|
<defs>
|
||
|
|
<radialGradient
|
||
|
|
id="b"
|
||
|
|
cx="0"
|
||
|
|
cy="0"
|
||
|
|
r="1"
|
||
|
|
gradientTransform="matrix(1026.32 0 0 727.23 708.3 564.9)"
|
||
|
|
gradientUnits="userSpaceOnUse"
|
||
|
|
>
|
||
|
|
<stop stopColor="#79B9A7" />
|
||
|
|
<stop offset="1" stopColor="#B6D2C4" />
|
||
|
|
</radialGradient>
|
||
|
|
<radialGradient
|
||
|
|
id="d"
|
||
|
|
cx="0"
|
||
|
|
cy="0"
|
||
|
|
r="1"
|
||
|
|
gradientTransform="matrix(0 523 -696.055 0 696 523)"
|
||
|
|
gradientUnits="userSpaceOnUse"
|
||
|
|
>
|
||
|
|
<stop stopColor="#fff" stopOpacity="0" />
|
||
|
|
<stop offset="1" stopColor="#fff" />
|
||
|
|
</radialGradient>
|
||
|
|
<clipPath id="a">
|
||
|
|
<path fill="#fff" d="M-170 1081V-238h1956v1319z" />
|
||
|
|
</clipPath>
|
||
|
|
<filter
|
||
|
|
id="c"
|
||
|
|
width="1452"
|
||
|
|
height="1091"
|
||
|
|
x="-11"
|
||
|
|
y="1"
|
||
|
|
colorInterpolationFilters="sRGB"
|
||
|
|
filterUnits="userSpaceOnUse"
|
||
|
|
>
|
||
|
|
<feFlood floodOpacity="0" result="BackgroundImageFix" />
|
||
|
|
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
|
||
|
|
<feColorMatrix
|
||
|
|
in="SourceAlpha"
|
||
|
|
result="hardAlpha"
|
||
|
|
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
||
|
|
/>
|
||
|
|
<feMorphology in="SourceAlpha" radius="64" result="effect1_innerShadow_30_12" />
|
||
|
|
<feOffset />
|
||
|
|
<feGaussianBlur stdDeviation="59.5" />
|
||
|
|
<feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic" />
|
||
|
|
<feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" />
|
||
|
|
<feBlend in2="shape" result="effect1_innerShadow_30_12" />
|
||
|
|
</filter>
|
||
|
|
</defs>
|
||
|
|
</svg>
|
||
|
|
);
|
||
|
|
};
|