{"ast":null,"code":"import React from 'react';\nimport { Box, Progress, VStack, Heading } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport var Example = function Example() {\n  return _jsx(Box, {\n    w: \"90%\",\n    children: _jsxs(VStack, {\n      space: \"md\",\n      children: [_jsx(Heading, {\n        textAlign: \"center\",\n        size: \"md\",\n        mb: \"10\",\n        children: \"Progress Sizes\"\n      }), _jsxs(VStack, {\n        mx: \"4\",\n        space: \"md\",\n        children: [_jsx(Progress, {\n          size: \"xs\",\n          mb: 4,\n          value: 25\n        }), _jsx(Progress, {\n          size: \"sm\",\n          mb: 4,\n          value: 35\n        }), _jsx(Progress, {\n          size: \"md\",\n          mb: 4,\n          value: 45\n        }), _jsx(Progress, {\n          size: \"lg\",\n          mb: 4,\n          value: 55\n        }), _jsx(Progress, {\n          size: \"xl\",\n          mb: 4,\n          value: 65\n        }), _jsx(Progress, {\n          size: \"2xl\",\n          mb: 4,\n          value: 75\n        })]\n      })]\n    })\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Progress/Sizes.tsx"],"names":["React","Box","Progress","VStack","Heading","Example"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,EAAcC,QAAd,EAAwBC,MAAxB,EAAgCC,OAAhC;;;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,KAAC,GAAD;AAAK,IAAA,CAAC,EAAC,KAAP;AAAA,cACE,MAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,IAAd;AAAA,iBACE,KAAC,OAAD;AAAS,QAAA,SAAS,EAAC,QAAnB;AAA4B,QAAA,IAAI,EAAC,IAAjC;AAAsC,QAAA,EAAE,EAAC,IAAzC;AAAA;AAAA,QADF,EAIE,MAAC,MAAD;AAAQ,QAAA,EAAE,EAAC,GAAX;AAAe,QAAA,KAAK,EAAC,IAArB;AAAA,mBACE,KAAC,QAAD;AAAU,UAAA,IAAI,EAAC,IAAf;AAAoB,UAAA,EAAE,EAAE,CAAxB;AAA2B,UAAA,KAAK,EAAE;AAAlC,UADF,EAEE,KAAC,QAAD;AAAU,UAAA,IAAI,EAAC,IAAf;AAAoB,UAAA,EAAE,EAAE,CAAxB;AAA2B,UAAA,KAAK,EAAE;AAAlC,UAFF,EAGE,KAAC,QAAD;AAAU,UAAA,IAAI,EAAC,IAAf;AAAoB,UAAA,EAAE,EAAE,CAAxB;AAA2B,UAAA,KAAK,EAAE;AAAlC,UAHF,EAIE,KAAC,QAAD;AAAU,UAAA,IAAI,EAAC,IAAf;AAAoB,UAAA,EAAE,EAAE,CAAxB;AAA2B,UAAA,KAAK,EAAE;AAAlC,UAJF,EAKE,KAAC,QAAD;AAAU,UAAA,IAAI,EAAC,IAAf;AAAoB,UAAA,EAAE,EAAE,CAAxB;AAA2B,UAAA,KAAK,EAAE;AAAlC,UALF,EAME,KAAC,QAAD;AAAU,UAAA,IAAI,EAAC,KAAf;AAAqB,UAAA,EAAE,EAAE,CAAzB;AAA4B,UAAA,KAAK,EAAE;AAAnC,UANF;AAAA,QAJF;AAAA;AADF,IADF;AAiBD,CAlBM","sourcesContent":["import React from 'react';\nimport { Box, Progress, VStack, Heading } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <Box w=\"90%\">\n      <VStack space=\"md\">\n        <Heading textAlign=\"center\" size=\"md\" mb=\"10\">\n          Progress Sizes\n        </Heading>\n        <VStack mx=\"4\" space=\"md\">\n          <Progress size=\"xs\" mb={4} value={25} />\n          <Progress size=\"sm\" mb={4} value={35} />\n          <Progress size=\"md\" mb={4} value={45} />\n          <Progress size=\"lg\" mb={4} value={55} />\n          <Progress size=\"xl\" mb={4} value={65} />\n          <Progress size=\"2xl\" mb={4} value={75} />\n        </VStack>\n      </VStack>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}