fresh/www/components/homepage/ExampleArrow.tsx at 94edc2c17e036d1a2fc45d70575bc89488686396 · freshframework/fresh · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
import type { JSX } from "preact";

export function ExampleArrow(
  props: JSX.HTMLAttributes<HTMLDivElement>,
) {
  return (
    <svg
      aria-hidden="true"
      width="100%"
      height="100%"
      viewBox="0 0 137 291"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xml:space="preserve"
      style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"
      class={`w-8 -my-6 relative z-10 mx-auto ${props?.class ?? ""}`}
    >
      <path
        d="M50.704,18c46.89,80.967 38.288,189.344 5.941,254.255"
        style="fill:none;stroke:#fff;stroke-width:36px;"
      />
      <path
        d="M18,207.944c13.297,11.903 33.957,43.376 38.645,64.311c19.034,-17.758 43.173,-31.125 62.237,-36.621"
        style="fill:none;stroke:#fff;stroke-width:36px;"
      />
      <path
        d="M50.704,18c47.238,81.059 38.288,189.344 5.941,254.255"
        style="fill:none;stroke-width:18px;"
        class="stroke-gray-600"
      />
      <path
        d="M18,207.944c13.044,11.646 33.957,43.376 38.645,64.311c19.034,-17.758 43.173,-31.125 62.237,-36.621"
        style="fill:none;stroke-width:18px;"
        class="stroke-gray-600"
      />
    </svg>
  );
}