From 5eec484dc79bb56dabf9a56af0dbe6bc95227d39 Mon Sep 17 00:00:00 2001
From: Nate Sesti <33237525+sestinj@users.noreply.github.com>
Date: Tue, 22 Aug 2023 13:12:58 -0700
Subject: Config UI (#399)

* feat: :sparkles: UI for config!

* feat: :sparkles: (latent) edit models in settings
---
 extension/react-app/src/components/InfoHover.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 extension/react-app/src/components/InfoHover.tsx

(limited to 'extension/react-app/src/components/InfoHover.tsx')

diff --git a/extension/react-app/src/components/InfoHover.tsx b/extension/react-app/src/components/InfoHover.tsx
new file mode 100644
index 00000000..2cb8ad71
--- /dev/null
+++ b/extension/react-app/src/components/InfoHover.tsx
@@ -0,0 +1,19 @@
+import { InformationCircleIcon } from "@heroicons/react/24/outline";
+import { StyledTooltip } from ".";
+
+const InfoHover = ({ msg }: { msg: string }) => {
+  const id = "info-hover";
+
+  return (
+    <>
+      <InformationCircleIcon
+        data-tooltip-id={id}
+        data-tooltip-content={msg}
+        className="h-5 w-5 text-gray-500 cursor-help"
+      />
+      <StyledTooltip id={id} place="bottom" />
+    </>
+  );
+};
+
+export default InfoHover;
-- 
cgit v1.2.3-70-g09d2

