toggle.tsx

	<motion.path
          d="M7.47998 18.35L10.58 20.75C10.98 21.15 11.88 21.35 12.48 21.35H16.28C17.48 21.35 18.78 20.45 19.08 19.25L21.48 11.95C21.98 10.55 21.08 9.35 19.58 9.35H15.58C14.98 9.35 14.48 8.85 14.58 8.15L15.08 4.95C15.28 4.05 14.68 3.05 13.78 2.75C12.98 2.45 11.98 2.85 11.58 3.45L7.47998 9.55"
          stroke-width="1.5"
          stroke-miterlimit="10"
          fill="none"
          strokeDasharray="0 1"
          style={{ pathLength: thumbsUp }}
        />
        <motion.path
          d="M2.38 18.35V8.54999C2.38 7.14999 2.98 6.64999 4.38 6.64999H5.38C6.78 6.64999 7.38 7.14999 7.38 8.54999V18.35C7.38 19.75 6.78 20.25 5.38 20.25H4.38C2.98 20.25 2.38 19.75 2.38 18.35Z"
          stroke-width="1.5"
          stroke-linecap="round"
          stroke-linejoin="round"
          fill="none"
          strokeDasharray="0 1"
          style={{ pathLength: thumbsUp2 }}
        />
        <motion.path
          d="M16.52 5.64999L13.42 3.24999C13.02 2.84999 12.12 2.64999 11.52 2.64999H7.72001C6.52001 2.64999 5.22001 3.54999 4.92001 4.74999L2.52001 12.05C2.02001 13.45 2.92001 14.65 4.42001 14.65H8.42001C9.02001 14.65 9.52001 15.15 9.42001 15.85L8.92001 19.05C8.72001 19.95 9.32001 20.95 10.22 21.25C11.02 21.55 12.02 21.15 12.42 20.55L16.52 14.45"
          stroke-width="1.5"
          stroke-miterlimit="10"
          fill="none"
          strokeWidth="2"
          strokeDasharray="0 1"
          style={{ pathLength: thumbsDown }}
        />
        <motion.path
          d="M21.62 5.65V15.45C21.62 16.85 21.02 17.35 19.62 17.35H18.62C17.22 17.35 16.62 16.85 16.62 15.45V5.65C16.62 4.25 17.22 3.75 18.62 3.75H19.62C21.02 3.75 21.62 4.25 21.62 5.65Z"
          stroke-width="1.5"
          stroke-linecap="round"
          stroke-linejoin="round"
          strokeWidth="2"
          fill="none"
          strokeDasharray="0 1"
          style={{ pathLength: thumbsDown2 }}
        />