{"ast":null,"code":"var _this = this,\n _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/hooks/useBreakpointValue/usage.tsx\";\n\nimport React from 'react';\nimport { Icon, useBreakpointValue, Text, VStack, Heading, ScrollView } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { Foundation, Feather } from '@expo/vector-icons';\nimport View from \"react-native-web/dist/exports/View\";\nexport var Example = function Example() {\n var flexDir = useBreakpointValue({\n base: 'column',\n lg: 'row'\n });\n return React.createElement(ScrollView, {\n showsVerticalScrollIndicator: false\n }, React.createElement(VStack, {\n py: \"8\",\n space: 8,\n alignItems: \"center\",\n justifyContent: \"center\"\n }, React.createElement(Heading, null, \"Why us?\"), React.createElement(View, {\n style: {\n flexDirection: flexDir\n }\n }, React.createElement(VStack, {\n m: \"3\",\n w: \"140\",\n borderRadius: \"xl\",\n p: \"3\",\n bg: \"cyan.200\",\n space: 2,\n alignItems: \"center\",\n justifyContent: \"center\"\n }, React.createElement(Icon, {\n as: Foundation,\n name: \"shield\",\n size: \"sm\",\n textAlign: \"center\",\n _dark: {\n color: 'coolGray.800'\n }\n }), React.createElement(Text, {\n fontSize: \"lg\",\n textAlign: \"center\",\n _dark: {\n color: 'coolGray.800'\n }\n }, \"Secure Checkout\")), React.createElement(VStack, {\n m: \"3\",\n w: \"140\",\n borderRadius: \"xl\",\n p: \"3\",\n bg: \"cyan.200\",\n space: 2,\n alignItems: \"center\",\n justifyContent: \"center\"\n }, React.createElement(Icon, {\n as: Foundation,\n name: \"shield\",\n size: \"sm\",\n textAlign: \"center\",\n _dark: {\n color: 'coolGray.800'\n }\n }), React.createElement(Text, {\n fontSize: \"lg\",\n textAlign: \"center\",\n _dark: {\n color: 'coolGray.800'\n }\n }, \"Secure Checkout\")), React.createElement(VStack, {\n m: \"3\",\n w: \"140\",\n borderRadius: \"xl\",\n p: \"3\",\n bg: \"cyan.200\",\n space: 2,\n alignItems: \"center\",\n justifyContent: \"center\"\n }, React.createElement(Icon, {\n as: Feather,\n name: \"clock\",\n size: \"sm\",\n textAlign: \"center\",\n _dark: {\n color: 'coolGray.800'\n }\n }), React.createElement(Text, {\n fontSize: \"lg\",\n textAlign: \"center\",\n _dark: {\n color: 'coolGray.800'\n }\n }, \"Fast Turn Around\")))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/hooks/useBreakpointValue/usage.tsx"],"names":["React","Icon","useBreakpointValue","Text","VStack","Heading","ScrollView","Foundation","Feather","Example","flexDir","base","lg","flexDirection","color"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n Icon,\n useBreakpointValue,\n Text,\n VStack,\n Heading,\n ScrollView,\n} from 'native-base';\nimport { Foundation, Feather } from '@expo/vector-icons';\nimport { View } from 'react-native';\n\nexport const Example = () => {\n const flexDir = useBreakpointValue({\n base: 'column',\n lg: 'row',\n });\n return (\n \n \n Why us?\n \n \n \n \n Secure Checkout\n \n \n \n \n \n Secure Checkout\n \n \n \n \n \n Fast Turn Around\n \n \n \n \n \n );\n};\n"]},"metadata":{},"sourceType":"module"}