{"ast":null,"code":"import _extends from \"@babel/runtime/helpers/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/objectWithoutProperties\";\nimport React from 'react';\nimport { Button, useToast, VStack, HStack, Text, Center, IconButton, CloseIcon, Alert } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var toast = useToast();\n  var ToastDetails = [{\n    title: 'Account verified',\n    variant: 'solid',\n    description: 'Thanks for signing up with us.',\n    isClosable: true\n  }, {\n    title: 'Something went wrong',\n    variant: 'subtle',\n    description: 'Please create a support ticket from the support page'\n  }, {\n    title: 'Network connection restored',\n    variant: 'left-accent',\n    description: 'This is to inform you that your network connectivity is restored',\n    isClosable: true\n  }, {\n    title: 'Invalid email address',\n    variant: 'top-accent',\n    description: 'Please enter a valid email address'\n  }, {\n    title: 'Invalid email address',\n    variant: 'outline',\n    description: 'Please enter a valid email address'\n  }];\n\n  var ToastAlert = function ToastAlert(_ref) {\n    var id = _ref.id,\n        status = _ref.status,\n        variant = _ref.variant,\n        title = _ref.title,\n        description = _ref.description,\n        isClosable = _ref.isClosable,\n        rest = _objectWithoutProperties(_ref, [\"id\", \"status\", \"variant\", \"title\", \"description\", \"isClosable\"]);\n\n    return React.createElement(Alert, _extends({\n      maxWidth: \"100%\",\n      alignSelf: \"center\",\n      flexDirection: \"row\",\n      status: status ? status : 'info',\n      variant: variant\n    }, rest), React.createElement(VStack, {\n      space: 1,\n      flexShrink: 1,\n      w: \"100%\"\n    }, React.createElement(HStack, {\n      flexShrink: 1,\n      alignItems: \"center\",\n      justifyContent: \"space-between\"\n    }, React.createElement(HStack, {\n      space: 2,\n      flexShrink: 1,\n      alignItems: \"center\"\n    }, React.createElement(Alert.Icon, null), React.createElement(Text, {\n      fontSize: \"md\",\n      fontWeight: \"medium\",\n      flexShrink: 1,\n      color: variant === 'solid' ? 'lightText' : variant !== 'outline' ? 'darkText' : null\n    }, title)), isClosable ? React.createElement(IconButton, {\n      variant: \"unstyled\",\n      icon: React.createElement(CloseIcon, {\n        size: \"3\"\n      }),\n      _icon: {\n        color: variant === 'solid' ? 'lightText' : 'darkText'\n      },\n      onPress: function onPress() {\n        return toast.close(id);\n      }\n    }) : null), React.createElement(Text, {\n      px: \"6\",\n      color: variant === 'solid' ? 'lightText' : variant !== 'outline' ? 'darkText' : null\n    }, description)));\n  };\n\n  return React.createElement(Center, null, React.createElement(VStack, {\n    space: 2\n  }, ToastDetails.map(function (item, index) {\n    return React.createElement(Button, {\n      key: index,\n      onPress: function onPress() {\n        return toast.show({\n          render: function render(_ref2) {\n            var id = _ref2.id;\n            return React.createElement(ToastAlert, _extends({\n              id: id\n            }, item));\n          }\n        });\n      }\n    }, item.variant);\n  })));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Toast/VariantRecipies.tsx"],"names":["React","Button","useToast","VStack","HStack","Text","Center","IconButton","CloseIcon","Alert","Example","toast","ToastDetails","title","variant","description","isClosable","ToastAlert","id","status","rest","color","close","map","item","index","show","render"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n  Button,\n  useToast,\n  VStack,\n  HStack,\n  Text,\n  Center,\n  IconButton,\n  CloseIcon,\n  Alert,\n} from 'native-base';\n\nexport const Example = () => {\n  const toast = useToast();\n  const ToastDetails = [\n    {\n      title: 'Account verified',\n      variant: 'solid',\n      description: 'Thanks for signing up with us.',\n      isClosable: true,\n    },\n    {\n      title: 'Something went wrong',\n      variant: 'subtle',\n      description: 'Please create a support ticket from the support page',\n    },\n    {\n      title: 'Network connection restored',\n      variant: 'left-accent',\n      description:\n        'This is to inform you that your network connectivity is restored',\n      isClosable: true,\n    },\n    {\n      title: 'Invalid email address',\n      variant: 'top-accent',\n      description: 'Please enter a valid email address',\n    },\n    {\n      title: 'Invalid email address',\n      variant: 'outline',\n      description: 'Please enter a valid email address',\n    },\n  ];\n\n  const ToastAlert = ({\n    id,\n    status,\n    variant,\n    title,\n    description,\n    isClosable,\n    ...rest\n  }: any) => (\n    <Alert\n      maxWidth=\"100%\"\n      alignSelf=\"center\"\n      flexDirection=\"row\"\n      status={status ? status : 'info'}\n      variant={variant as any}\n      {...rest}\n    >\n      <VStack space={1} flexShrink={1} w=\"100%\">\n        <HStack\n          flexShrink={1}\n          alignItems=\"center\"\n          justifyContent=\"space-between\"\n        >\n          <HStack space={2} flexShrink={1} alignItems=\"center\">\n            <Alert.Icon />\n            <Text\n              fontSize=\"md\"\n              fontWeight=\"medium\"\n              flexShrink={1}\n              color={\n                variant === 'solid'\n                  ? 'lightText'\n                  : variant !== 'outline'\n                  ? 'darkText'\n                  : null\n              }\n            >\n              {title}\n            </Text>\n          </HStack>\n          {isClosable ? (\n            <IconButton\n              variant=\"unstyled\"\n              icon={<CloseIcon size=\"3\" />}\n              _icon={{\n                color: variant === 'solid' ? 'lightText' : 'darkText',\n              }}\n              onPress={() => toast.close(id)}\n            />\n          ) : null}\n        </HStack>\n        <Text\n          px=\"6\"\n          color={\n            variant === 'solid'\n              ? 'lightText'\n              : variant !== 'outline'\n              ? 'darkText'\n              : null\n          }\n        >\n          {description}\n        </Text>\n      </VStack>\n    </Alert>\n  );\n\n  return (\n    <Center>\n      <VStack space={2}>\n        {ToastDetails.map((item, index) => (\n          <Button\n            key={index}\n            onPress={() =>\n              toast.show({\n                render: ({ id }) => {\n                  return <ToastAlert id={id} {...item} />;\n                },\n              })\n            }\n          >\n            {item.variant}\n          </Button>\n        ))}\n      </VStack>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}