summaryrefslogtreecommitdiff
path: root/components/Tweaks/InfoTooltip.tsx
diff options
context:
space:
mode:
authorThomas F. K. Jorna <[email protected]>2021-09-25 16:11:31 +0200
committerThomas F. K. Jorna <[email protected]>2021-09-25 16:11:31 +0200
commitee8539a9351374a719c9026f85d85e7b4ea6e8f5 (patch)
treef9220fd304bd3669523df39ddaa0992919ccc4a6 /components/Tweaks/InfoTooltip.tsx
parent075d3831ffae63f128bcaabf9fc5e70ade41ad33 (diff)
chore: move tweaks to separate subfolder
Diffstat (limited to 'components/Tweaks/InfoTooltip.tsx')
-rw-r--r--components/Tweaks/InfoTooltip.tsx17
1 files changed, 17 insertions, 0 deletions
diff --git a/components/Tweaks/InfoTooltip.tsx b/components/Tweaks/InfoTooltip.tsx
new file mode 100644
index 0000000..02c2fad
--- /dev/null
+++ b/components/Tweaks/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>
+ )
+}