mirror of
https://github.com/SrIzan10/next-auth.git
synced 2026-05-01 10:55:20 +00:00
86 lines
2.6 KiB
JavaScript
86 lines
2.6 KiB
JavaScript
export default function Triangle({ className }) {
|
|
return (
|
|
<svg
|
|
id="triangle"
|
|
viewBox="0 0 445 379"
|
|
className={className}
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<style jsx>
|
|
{`
|
|
@media (prefers-color-scheme: light) {
|
|
#triangle-0 {
|
|
fill: #000;
|
|
}
|
|
#triangle-1 {
|
|
fill: #ff4400;
|
|
}
|
|
#triangle-2 {
|
|
fill: #bb44cc;
|
|
}
|
|
#triangle-3 {
|
|
fill: #44bbcc;
|
|
}
|
|
}
|
|
`}
|
|
</style>
|
|
<path
|
|
id="triangle-0"
|
|
d="M334.033 238.33L222.692 46.7201L111.352 238.33H334.033Z"
|
|
fill="#fff"
|
|
/>
|
|
<path
|
|
id="triangle-1"
|
|
d="M198.174 1.12812L4.62255 51.2473C1.37638 52.0878 -0.550786 55.4258 0.344333 58.6574L53.7157 251.338C55.1362 256.466 62.0336 257.344 64.6942 252.736L204.874 9.93656C207.535 5.32834 203.325 -0.205751 198.174 1.12812Z"
|
|
fill="url(#triangle-1-gradient)"
|
|
/>
|
|
<path
|
|
id="triangle-2"
|
|
d="M246.294 1.12825L439.846 51.2473C443.092 52.0879 445.019 55.4259 444.124 58.6574L390.753 251.338C389.332 256.466 382.435 257.344 379.774 252.736L239.594 9.93665C236.933 5.32844 241.143 -0.205634 246.294 1.12825Z"
|
|
fill="url(#triangle-2-gradient)"
|
|
/>
|
|
<path
|
|
id="triangle-3"
|
|
d="M361.388 286.577L225.585 377.959C223.559 379.322 220.91 379.322 218.885 377.959L83.0814 286.577C78.1672 283.27 80.5079 275.599 86.4311 275.599H358.039C363.962 275.599 366.303 283.27 361.388 286.577Z"
|
|
fill="url(#triangle-3-gradient)"
|
|
/>
|
|
<defs>
|
|
<linearGradient
|
|
id="triangle-1-gradient"
|
|
x1="-1.28386"
|
|
y1="52.7769"
|
|
x2="134.785"
|
|
y2="131.336"
|
|
gradientUnits="userSpaceOnUse"
|
|
>
|
|
<stop stopColor="#992900" />
|
|
<stop offset="1" stopColor="#FF4400" />
|
|
</linearGradient>
|
|
<linearGradient
|
|
id="triangle-2-gradient"
|
|
x1="445.753"
|
|
y1="52.7769"
|
|
x2="309.684"
|
|
y2="131.336"
|
|
gradientUnits="userSpaceOnUse"
|
|
>
|
|
<stop stopColor="#6D2178" />
|
|
<stop offset="1" stopColor="#BB44CC" />
|
|
</linearGradient>
|
|
<linearGradient
|
|
id="triangle-3-gradient"
|
|
x1="222.236"
|
|
y1="380.213"
|
|
x2="222.236"
|
|
y2="275.599"
|
|
gradientUnits="userSpaceOnUse"
|
|
>
|
|
<stop stopColor="#1B5B64" />
|
|
<stop offset="1" stopColor="#44BBCC" />
|
|
</linearGradient>
|
|
</defs>
|
|
</svg>
|
|
)
|
|
}
|