chore: separated out all tweak panels

1 files changed, 17 insertions, 0 deletions

diff --git a/components/InfoTooltip.tsx b/components/InfoTooltip.tsx
new file mode 100644
index 0000000..02c2fad
--- /dev/null
+++ b/components/InfoTooltip.tsx
@@ -0,0 +1,17 @@
+import { InfoOutlineIcon } from '@chakra-ui/icons'
+import { Box, Tooltip } from '@chakra-ui/react'
+import React from 'react'
+
+export interface InfoTooltipProps {
+  infoText?: string | boolean
+}
+export const InfoTooltip = (props: InfoTooltipProps) => {
+  const { infoText } = props
+  return (
+    <Box paddingLeft="1">
+      <Tooltip label={infoText} placement="top" color="gray.100" bg="gray.800" hasArrow>
+        <InfoOutlineIcon />
+      </Tooltip>
+    </Box>
+  )
+}