monorepo packages (#344)

projects/app/src/components/MyTooltip/index.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Tooltip, TooltipProps } from '@chakra-ui/react';
+import { useGlobalStore } from '@/store/global';
+
+interface Props extends TooltipProps {
+  forceShow?: boolean;
+}
+
+const MyTooltip = ({ children, forceShow = false, shouldWrapChildren = true, ...props }: Props) => {
+  const { isPc } = useGlobalStore();
+  return isPc || forceShow ? (
+    <Tooltip
+      bg={'white'}
+      arrowShadowColor={' rgba(0,0,0,0.05)'}
+      hasArrow
+      arrowSize={12}
+      offset={[-15, 15]}
+      color={'myGray.800'}
+      px={4}
+      py={2}
+      borderRadius={'8px'}
+      whiteSpace={'pre-wrap'}
+      boxShadow={'1px 1px 10px rgba(0,0,0,0.2)'}
+      shouldWrapChildren={shouldWrapChildren}
+      {...props}
+    >
+      {children}
+    </Tooltip>
+  ) : (
+    <>{children}</>
+  );
+};
+
+export default MyTooltip;