13th-Frontend-Assignment/src/icons/EmptyCircleIcon.tsx at f4eae9d55df851cb3ae9610a3784b2ec3fa1a1c3 · IT-Cotato/13th-Frontend-Assignment · 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
type EmptyCircleIconProps = {
    checked?: boolean;
  };

  export default function EmptyCircleIcon({
    checked = false,
  }: EmptyCircleIconProps) {
    return checked ? (
      <svg
        width="24"
        height="24"
        viewBox="0 0 24 24"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        aria-hidden="true"
      >
        <circle cx="12" cy="12" r="11" fill="#22C55E" stroke="#22C55E" strokeWidth="2" />
        <path
          d="M8 12.5L10.5 15L16 9.5"
          stroke="white"
          strokeWidth="2"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </svg>
    ) : (
      <svg
        width="24"
        height="24"
        viewBox="0 0 24 24"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        aria-hidden="true"
      >
        <circle cx="12" cy="12" r="11" stroke="#E5E7EB" strokeWidth="2" />
      </svg>
    );
  }