feedback-widget

1"use client";
2 
3import * as ToggleGroup from "@radix-ui/react-toggle-group";
4import { AnimatePresence, motion } from "motion/react";
5import * as React from "react";
6import ReactMarkdown from "react-markdown";
7import { cn } from "@/lib/utils";
8 
9const EMOJIS = [
10  {
11    id: "very-sad",
12    label: "Terrible",
13    icon: (
14      <svg
15        width="24"
16        height="24"
17        viewBox="0 0 24 24"
18        fill="none"
19        stroke="currentColor"
20        strokeWidth="2"
21        strokeLinecap="round"
22        strokeLinejoin="round"
23      >
24        <circle cx="12" cy="12" r="10" />
25        <path d="M16 16s-1.5-2-4-2-4 2-4 2" />
26        <path d="M9 9h.01" />
27        <path d="M15 9h.01" />
28        <path d="M9 13v2" stroke="#3b82f6" />
29        <path d="M15 13v2" stroke="#3b82f6" />
30      </svg>
31    ),
32  },
33  {
34    id: "sad",
35    label: "Bad",
36    icon: (
37      <svg
38        width="24"
39        height="24"
40        viewBox="0 0 24 24"
41        fill="none"
42        stroke="currentColor"
43        strokeWidth="2"
44        strokeLinecap="round"
45        strokeLinejoin="round"
46      >
47        <circle cx="12" cy="12" r="10" />
48        <path d="M16 16s-1.5-2-4-2-4 2-4 2" />
49        <line x1="9" y1="9" x2="9.01" y2="9" />
50        <line x1="15" y1="9" x2="15.01" y2="9" />
51      </svg>
52    ),
53  },
54  {
55    id: "neutral",
56    label: "Okay",
57    icon: (
58      <svg
59        width="24"
60        height="24"
61        viewBox="0 0 24 24"
62        fill="none"
63        stroke="currentColor"
64        strokeWidth="2"
65        strokeLinecap="round"
66        strokeLinejoin="round"
67      >
68        <circle cx="12" cy="12" r="10" />
69        <path d="M8 13s1.5 2 4 2 4-2 4-2" />
70        <line x1="9" y1="9" x2="9.01" y2="9" />
71        <line x1="15" y1="9" x2="15.01" y2="9" />
72      </svg>
73    ),
74  },
75  {
76    id: "happy",
77    label: "Amazing",
78    icon: (
79      <svg
80        width="24"
81        height="24"
82        viewBox="0 0 24 24"
83        fill="none"
84        stroke="currentColor"
85        strokeWidth="2"
86        strokeLinecap="round"
87        strokeLinejoin="round"
88      >
89        <circle cx="12" cy="12" r="10" />
90        <path d="M8 13s1.5 2 4 2 4-2 4-2" />
91        <path
92          d="M9 9l.5 1.5l1.5 .5l-1.5 .5l-.5 1.5l-.5-1.5l-1.5-.5l1.5-.5z"
93          fill="#f97316"
94          stroke="none"
95        />
96        <path
97          d="M15 9l.5 1.5l1.5 .5l-1.5 .5l-.5 1.5l-.5-1.5l-1.5-.5l1.5-.5z"
98          fill="#f97316"
99          stroke="none"
100        />
101      </svg>
102    ),
103  },
104];
105 
106interface FeedbackWidgetProps {
107// … truncated