{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Progress/Composition.tsx\";\n\nimport React from 'react';\nimport { Box, Progress, Center, Heading, Text, Flex } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  return React.createElement(Box, {\n    w: \"90%\"\n  }, React.createElement(Center, {\n    mb: \"10\"\n  }, React.createElement(Heading, {\n    size: \"md\"\n  }, \"Progress Composition\")), React.createElement(Progress, {\n    size: \"xl\",\n    mb: \"4\",\n    value: 45\n  }, React.createElement(Text, {\n    color: \"white\",\n    bold: true\n  }, \"45%\")), React.createElement(Flex, {\n    direction: \"row\"\n  }, React.createElement(Progress, {\n    size: \"xl\",\n    flex: \"1\",\n    mb: \"4\",\n    value: 75\n  }), React.createElement(Text, {\n    bold: true,\n    ml: \"2\"\n  }, \"75%\")));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Progress/Composition.tsx"],"names":["React","Box","Progress","Center","Heading","Text","Flex","Example"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,EAAcC,QAAd,EAAwBC,MAAxB,EAAgCC,OAAhC,EAAyCC,IAAzC,EAA+CC,IAA/C;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAC;AAAP,KACE,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAC;AAAX,KACE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAC;AAAd,4BADF,CADF,EAIE,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAC,IAAf;AAAoB,IAAA,EAAE,EAAC,GAAvB;AAA2B,IAAA,KAAK,EAAE;AAAlC,KACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAC,OAAZ;AAAoB,IAAA,IAAI;AAAxB,WADF,CAJF,EASE,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAC;AAAhB,KACE,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAC,IAAf;AAAoB,IAAA,IAAI,EAAC,GAAzB;AAA6B,IAAA,EAAE,EAAC,GAAhC;AAAoC,IAAA,KAAK,EAAE;AAA3C,IADF,EAEE,oBAAC,IAAD;AAAM,IAAA,IAAI,MAAV;AAAW,IAAA,EAAE,EAAC;AAAd,WAFF,CATF,CADF;AAkBD,CAnBM","sourcesContent":["import React from 'react';\nimport { Box, Progress, Center, Heading, Text, Flex } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <Box w=\"90%\">\n      <Center mb=\"10\">\n        <Heading size=\"md\">Progress Composition</Heading>\n      </Center>\n      <Progress size=\"xl\" mb=\"4\" value={45}>\n        <Text color=\"white\" bold>\n          45%\n        </Text>\n      </Progress>\n      <Flex direction=\"row\">\n        <Progress size=\"xl\" flex=\"1\" mb=\"4\" value={75} />\n        <Text bold ml=\"2\">\n          75%\n        </Text>\n      </Flex>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}