{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\n\nvar _this = this,\n _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/hooks/useMediaQuery/orientation.tsx\";\n\nimport React from 'react';\nimport { Text, useMediaQuery, Heading, VStack, Skeleton, Center, Stack, HStack } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n var _useMediaQuery = useMediaQuery([{\n orientation: 'landscape'\n }, {\n orientation: 'portrait'\n }]),\n _useMediaQuery2 = _slicedToArray(_useMediaQuery, 2),\n isLandScape = _useMediaQuery2[0],\n isPortrait = _useMediaQuery2[1];\n\n return React.createElement(Center, {\n w: \"100%\"\n }, isPortrait ? React.createElement(HStack, {\n w: \"90%\",\n maxW: \"400\",\n borderWidth: \"1\",\n space: 8,\n rounded: \"md\",\n borderColor: \"coolGray.400\",\n p: \"4\"\n }, React.createElement(VStack, {\n flex: \"3\",\n space: \"4\"\n }, React.createElement(Skeleton, null), React.createElement(Skeleton.Text, null), React.createElement(HStack, {\n space: \"2\",\n alignItems: \"center\"\n }, React.createElement(Skeleton, {\n size: \"5\",\n rounded: \"full\"\n }), React.createElement(Skeleton, {\n h: \"3\",\n flex: \"2\",\n rounded: \"full\"\n }), React.createElement(Skeleton, {\n h: \"3\",\n flex: \"1\",\n rounded: \"full\"\n })))) : React.createElement(React.Fragment, null), isLandScape ? React.createElement(HStack, {\n maxW: \"400\",\n rounded: \"lg\",\n overflow: \"hidden\",\n shadow: 1,\n _light: {\n backgroundColor: 'gray.50'\n },\n _dark: {\n backgroundColor: 'gray.700'\n }\n }, React.createElement(Stack, {\n p: \"2\",\n pt: \"3\",\n flex: \"2\",\n space: 1\n }, React.createElement(Stack, {\n space: 2\n }, React.createElement(Heading, {\n size: \"md\",\n ml: \"-1\"\n }, \"The Garden City\"), React.createElement(Text, {\n fontSize: \"xs\",\n _light: {\n color: 'violet.500'\n },\n _dark: {\n color: 'violet.300'\n },\n fontWeight: \"500\",\n ml: \"-0.5\",\n mt: \"-1\"\n }, \"The Silicon Valley of India.\")), React.createElement(Text, {\n fontSize: \"xs\",\n fontWeight: \"400\"\n }, \"Bengaluru (also called Bangalore) is the center of India's high-tech industry. The city is also known for its parks and nightlife.\"), React.createElement(HStack, {\n alignItems: \"center\",\n space: 4,\n justifyContent: \"space-between\"\n }, React.createElement(HStack, {\n alignItems: \"center\"\n }, React.createElement(Text, {\n _dark: {\n color: 'warmGray.200'\n },\n fontSize: \"xs\",\n color: \"gray.500\",\n fontWeight: \"400\"\n }, \"6 mins ago\"))))) : React.createElement(React.Fragment, null));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/hooks/useMediaQuery/orientation.tsx"],"names":["React","Text","useMediaQuery","Heading","VStack","Skeleton","Center","Stack","HStack","Example","orientation","isLandScape","isPortrait","backgroundColor","color"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n Text,\n useMediaQuery,\n Heading,\n VStack,\n Skeleton,\n Center,\n Stack,\n HStack,\n} from 'native-base';\n\nexport const Example = () => {\n const [isLandScape, isPortrait] = useMediaQuery([\n { orientation: 'landscape' },\n { orientation: 'portrait' },\n ]);\n return (\n
\n {isPortrait ? (\n \n \n \n \n \n \n \n \n \n \n \n ) : (\n <>\n )}\n {isLandScape ? (\n \n \n \n \n The Garden City\n \n \n The Silicon Valley of India.\n \n \n \n Bengaluru (also called Bangalore) is the center of India's\n high-tech industry. The city is also known for its parks and\n nightlife.\n \n \n \n \n 6 mins ago\n \n \n \n \n \n ) : (\n <>\n )}\n
\n );\n};\n"]},"metadata":{},"sourceType":"module"}