{"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 status: 'success',\n description: 'Thanks for signing up with us.',\n isClosable: true\n }, {\n title: 'Something went wrong',\n status: 'error',\n description: 'Please create a support ticket from the support page'\n }, {\n title: 'Network connection restored',\n status: 'info',\n description: 'This is to inform you that your network connectivity is restored',\n isClosable: true\n }, {\n title: 'Invalid email address',\n status: 'warning',\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 != null ? 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: \"darkText\"\n }, title)), isClosable ? React.createElement(IconButton, {\n variant: \"unstyled\",\n icon: React.createElement(CloseIcon, {\n size: \"3\"\n }),\n onPress: function onPress() {\n return toast.close(id);\n }\n }) : null), React.createElement(Text, {\n px: \"6\",\n color: \"darkText\"\n }, description)));\n };\n\n return React.createElement(Center, null, React.createElement(VStack, {\n space: 2\n }, ToastDetails.map(function (item) {\n return React.createElement(Button, {\n colorScheme: item.status,\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.status);\n })));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Toast/StatusRecipies.tsx"],"names":["React","Button","useToast","VStack","HStack","Text","Center","IconButton","CloseIcon","Alert","Example","toast","ToastDetails","title","status","description","isClosable","ToastAlert","id","variant","rest","close","map","item","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 status: 'success',\n description: 'Thanks for signing up with us.',\n isClosable: true,\n },\n {\n title: 'Something went wrong',\n status: 'error',\n description: 'Please create a support ticket from the support page',\n },\n {\n title: 'Network connection restored',\n status: 'info',\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 status: 'warning',\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 \n \n \n \n \n \n {title}\n \n \n {isClosable ? (\n }\n onPress={() => toast.close(id)}\n />\n ) : null}\n \n \n {description}\n \n \n \n );\n\n return (\n
\n \n {ToastDetails.map((item) => (\n \n toast.show({\n render: ({ id }) => {\n return ;\n },\n })\n }\n >\n {item.status}\n \n ))}\n \n
\n );\n};\n"]},"metadata":{},"sourceType":"module"}