{"ast":null,"code":"var _this = this,\n _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Transitions/Stagger.tsx\";\n\nimport React from 'react';\nimport { Box, useDisclose, IconButton, Stagger, HStack, Icon, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { MaterialCommunityIcons, MaterialIcons } from '@expo/vector-icons';\nexport var Example = function Example() {\n var _useDisclose = useDisclose(),\n isOpen = _useDisclose.isOpen,\n onToggle = _useDisclose.onToggle;\n\n return React.createElement(Center, null, React.createElement(Box, {\n alignItems: \"center\",\n minH: \"220\"\n }, React.createElement(Stagger, {\n visible: isOpen,\n initial: {\n opacity: 0,\n scale: 0,\n translateY: 34\n },\n animate: {\n translateY: 0,\n scale: 1,\n opacity: 1,\n transition: {\n type: 'spring',\n mass: 0.8,\n stagger: {\n offset: 30,\n reverse: true\n }\n }\n },\n exit: {\n translateY: 34,\n scale: 0.5,\n opacity: 0,\n transition: {\n duration: 100,\n stagger: {\n offset: 30,\n reverse: true\n }\n }\n }\n }, React.createElement(IconButton, {\n mb: \"4\",\n variant: \"solid\",\n bg: \"indigo.500\",\n colorScheme: \"indigo\",\n borderRadius: \"full\",\n icon: React.createElement(Icon, {\n as: MaterialIcons,\n size: \"6\",\n name: \"location-pin\",\n _dark: {\n color: 'warmGray.50'\n },\n color: \"warmGray.50\"\n })\n }), React.createElement(IconButton, {\n mb: \"4\",\n variant: \"solid\",\n bg: \"yellow.400\",\n colorScheme: \"yellow\",\n borderRadius: \"full\",\n icon: React.createElement(Icon, {\n as: MaterialCommunityIcons,\n _dark: {\n color: 'warmGray.50'\n },\n size: \"6\",\n name: \"microphone\",\n color: \"warmGray.50\"\n })\n }), React.createElement(IconButton, {\n mb: \"4\",\n variant: \"solid\",\n bg: \"teal.400\",\n colorScheme: \"teal\",\n borderRadius: \"full\",\n icon: React.createElement(Icon, {\n as: MaterialCommunityIcons,\n _dark: {\n color: 'warmGray.50'\n },\n size: \"6\",\n name: \"video\",\n color: \"warmGray.50\"\n })\n }), React.createElement(IconButton, {\n mb: \"4\",\n variant: \"solid\",\n bg: \"red.500\",\n colorScheme: \"red\",\n borderRadius: \"full\",\n icon: React.createElement(Icon, {\n as: MaterialIcons,\n size: \"6\",\n name: \"photo-library\",\n _dark: {\n color: 'warmGray.50'\n },\n color: \"warmGray.50\"\n })\n }))), React.createElement(HStack, {\n alignItems: \"center\"\n }, React.createElement(IconButton, {\n variant: \"solid\",\n borderRadius: \"full\",\n size: \"lg\",\n onPress: onToggle,\n bg: \"cyan.400\",\n icon: React.createElement(Icon, {\n as: MaterialCommunityIcons,\n size: \"6\",\n name: \"dots-horizontal\",\n color: \"warmGray.50\",\n _dark: {\n color: 'warmGray.50'\n }\n })\n })));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Transitions/Stagger.tsx"],"names":["React","Box","useDisclose","IconButton","Stagger","HStack","Icon","Center","MaterialCommunityIcons","MaterialIcons","Example","isOpen","onToggle","opacity","scale","translateY","transition","type","mass","stagger","offset","reverse","duration","color"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n Box,\n useDisclose,\n IconButton,\n Stagger,\n HStack,\n Icon,\n Center,\n} from 'native-base';\nimport { MaterialCommunityIcons, MaterialIcons } from '@expo/vector-icons';\n\nexport const Example = () => {\n const { isOpen, onToggle } = useDisclose();\n return (\n
\n \n \n \n }\n />\n \n }\n />\n \n }\n />\n \n }\n />\n \n \n \n \n }\n />\n \n
\n );\n};\n"]},"metadata":{},"sourceType":"module"}