Port modal / popover context.

src/components/common/Tooltip.tsx

@@ -0,0 +1,26 @@
+import styled from "styled-components";
+import { Children } from "../../types/Preact";
+import { Position, Tooltip as TooltipCore, TooltipProps } from "react-tippy";
+
+type Props = Omit<TooltipProps, 'html'> & {
+    position?: Position;
+    children: Children;
+    content: Children;
+}
+
+const TooltipBase = styled.div`
+    padding: 8px;
+    font-size: 12px;
+    border-radius: 4px;
+    color: var(--foreground);
+    background: var(--secondary-background);
+`;
+
+export default function Tooltip(props: Props) {
+    return (
+        <TooltipCore
+            {...props}
+            // @ts-expect-error
+            html={<TooltipBase>{props.content}</TooltipBase>} />
+    );
+}