{"ast":null,"code":"var _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Hidden/hiddenFromAndToBreakpoints.tsx\";\nimport React from 'react';\nimport { Hidden, Text, Stack, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport function Example() {\n  return React.createElement(Stack, null, React.createElement(Box, {\n    bg: \"orange.300\",\n    p: 2\n  }, React.createElement(Text, null, \"This text will be always visible.\")), React.createElement(Hidden, {\n    from: \"sm\",\n    till: \"lg\"\n  }, React.createElement(Box, {\n    bg: \"red.400\",\n    p: 2\n  }, React.createElement(Text, null, \"This text will be hidden from sm to lg screens.\"))), React.createElement(Hidden, {\n    from: \"sm\"\n  }, React.createElement(Box, {\n    bg: \"blue.400\",\n    p: 2\n  }, React.createElement(Text, null, \"This will be hidden from sm to all screen sizes.\"))));\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Hidden/hiddenFromAndToBreakpoints.tsx"],"names":["React","Hidden","Text","Stack","Box","Example"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,IAAjB,EAAuBC,KAAvB,EAA8BC,GAA9B;AAEA,OAAO,SAASC,OAAT,GAAmB;AACxB,SACE,oBAAC,KAAD,QACE,oBAAC,GAAD;AAAK,IAAA,EAAE,EAAC,YAAR;AAAqB,IAAA,CAAC,EAAE;AAAxB,KACE,oBAAC,IAAD,4CADF,CADF,EAIE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,IAAb;AAAkB,IAAA,IAAI,EAAC;AAAvB,KACE,oBAAC,GAAD;AAAK,IAAA,EAAE,EAAC,SAAR;AAAkB,IAAA,CAAC,EAAE;AAArB,KACE,oBAAC,IAAD,0DADF,CADF,CAJF,EASE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC;AAAb,KACE,oBAAC,GAAD;AAAK,IAAA,EAAE,EAAC,UAAR;AAAmB,IAAA,CAAC,EAAE;AAAtB,KACE,oBAAC,IAAD,2DADF,CADF,CATF,CADF;AAiBD","sourcesContent":["import React from 'react';\nimport { Hidden, Text, Stack, Box } from 'native-base';\n\nexport function Example() {\n  return (\n    <Stack>\n      <Box bg=\"orange.300\" p={2}>\n        <Text>This text will be always visible.</Text>\n      </Box>\n      <Hidden from=\"sm\" till=\"lg\">\n        <Box bg=\"red.400\" p={2}>\n          <Text>This text will be hidden from sm to lg screens.</Text>\n        </Box>\n      </Hidden>\n      <Hidden from=\"sm\">\n        <Box bg=\"blue.400\" p={2}>\n          <Text>This will be hidden from sm to all screen sizes.</Text>\n        </Box>\n      </Hidden>\n    </Stack>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}