From f1b45f07a80e746e6b2ccd6af29fe90d1d42e5e5 Mon Sep 17 00:00:00 2001
From: AlexMendozaPrado <a00819383@tec.mx>
Date: Sun, 5 May 2024 13:03:30 -0600
Subject: [PATCH] archiv faltante

---
 components/Tooltip.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 components/Tooltip.tsx

diff --git a/components/Tooltip.tsx b/components/Tooltip.tsx
new file mode 100644
index 0000000..5f70993
--- /dev/null
+++ b/components/Tooltip.tsx
@@ -0,0 +1,22 @@
+import React from "react";
+
+interface TooltipProps {
+  message: string;
+  children: React.ReactNode;
+}
+
+export default function Tooltip({ message, children }: TooltipProps) {
+  return (
+    <div className="group relative flex max-w-max flex-col items-center justify-center">
+      {children}
+      <div className="absolute bottom-7 left-1/2 z-10 ml-auto mr-auto min-w-max -translate-x-1/2 rotate-180 scale-0 transform rounded-xl px-3 py-2 text-xs font-medium transition-all duration-500 group-hover:scale-100">
+        <div className="flex max-w-xs flex-col items-center shadow-lg">
+          <div className="clip-bottom h-2 w-4 bg-primary/90"></div>
+          <div className="w-[25ch] rotate-180 cursor-default rounded bg-primary/90 p-2 text-center text-xs text-white">
+            {message}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}