Merge pull request #1867 from gluestack/feat/tooltip

feat/tooltip-nativewind
gluestack · Mar 13, 2024 · c7db467 · c7db467
2 parents f46f242 + c240307
commit c7db467
Show file tree

Hide file tree

Showing 4 changed files with 702 additions and 281 deletions.
diff --git a/example/storybook-nativewind/src/components/Tooltip/Tooltip.tsx b/example/storybook-nativewind/src/components/Tooltip/Tooltip.tsx
@@ -1,16 +1,4 @@
 import React from 'react';
-import {
-  Center,
-  Text,
-  Avatar,
-  AvatarGroup,
-  AvatarFallbackText,
-  Box,
-  Heading,
-  VStack,
-  HStack,
-  Icon,
-} from '@gluestack-ui/themed';
 import { Tooltip, TooltipContent, TooltipText } from '@/components/ui/tooltip';
 import { Button, ButtonText } from '@/components/ui/button';
 import { Edit, Command } from 'lucide-react-native';
@@ -42,60 +30,18 @@ const TooltipBasic = ({
   );
 };
 
-const FigmaTooltipStory = ({
-  showTooltip: _showTooltipProp = true,
-  _placement = 'bottom',
-  ...props
-}: any) => {
-  2;
-  return (
-    <Tooltip
-      {...props}
-      offset={10}
-      placement="bottom"
-      isOpen={true}
-      _experimentalOverlay={true}
-      // eslint-disable-next-line react/no-unstable-nested-components
-      trigger={(triggerProps: any) => {
-        return (
-          <Box w={200} h={100} py="$20" alignItems="center">
-            <Button {...triggerProps}>
-              <ButtonText>More</ButtonText>
-            </Button>
-          </Box>
-        );
-      }}
-    >
-      <TooltipContent>
-        <TooltipText>Hello world!</TooltipText>
-      </TooltipContent>
-    </Tooltip>
-  );
-};
-
 TooltipBasic.description =
   'This is a basic Tooltip component example.  A tooltip is a popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.';
 
 export default TooltipBasic;
 
 export {
-  FigmaTooltipStory,
   TooltipBasic,
   Tooltip,
   TooltipContent,
   TooltipText,
-  Center,
   Button,
   ButtonText,
-  Text,
-  Avatar,
-  AvatarGroup,
-  AvatarFallbackText,
-  Box,
-  Heading,
   Edit,
-  VStack,
   Command,
-  HStack,
-  Icon,
 };