{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Slider/Customized.tsx\";\n\nimport React from 'react';\nimport { Slider, Icon, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { MaterialIcons } from '@expo/vector-icons';\nexport var Example = function Example() {\n  return React.createElement(Box, {\n    alignItems: \"center\",\n    w: \"100%\"\n  }, React.createElement(Slider, {\n    defaultValue: 70,\n    size: \"sm\",\n    colorScheme: \"green\",\n    w: \"75%\",\n    maxW: \"300\"\n  }, React.createElement(Slider.Track, {\n    bg: \"green.100\"\n  }, React.createElement(Slider.FilledTrack, {\n    bg: \"green.600\"\n  })), React.createElement(Slider.Thumb, {\n    borderWidth: \"0\",\n    bg: \"transparent\"\n  }, React.createElement(Icon, {\n    as: MaterialIcons,\n    name: \"park\",\n    color: \"green.600\",\n    size: \"sm\"\n  }))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Slider/Customized.tsx"],"names":["React","Slider","Icon","Box","MaterialIcons","Example"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,IAAjB,EAAuBC,GAAvB;AACA,SAASC,aAAT,QAA8B,oBAA9B;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,GAAD;AAAK,IAAA,UAAU,EAAC,QAAhB;AAAyB,IAAA,CAAC,EAAC;AAA3B,KACE,oBAAC,MAAD;AACE,IAAA,YAAY,EAAE,EADhB;AAEE,IAAA,IAAI,EAAC,IAFP;AAGE,IAAA,WAAW,EAAC,OAHd;AAIE,IAAA,CAAC,EAAC,KAJJ;AAKE,IAAA,IAAI,EAAC;AALP,KAOE,oBAAC,MAAD,CAAQ,KAAR;AAAc,IAAA,EAAE,EAAC;AAAjB,KACE,oBAAC,MAAD,CAAQ,WAAR;AAAoB,IAAA,EAAE,EAAC;AAAvB,IADF,CAPF,EAUE,oBAAC,MAAD,CAAQ,KAAR;AAAc,IAAA,WAAW,EAAC,GAA1B;AAA8B,IAAA,EAAE,EAAC;AAAjC,KACE,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAED,aAAV;AAAyB,IAAA,IAAI,EAAC,MAA9B;AAAqC,IAAA,KAAK,EAAC,WAA3C;AAAuD,IAAA,IAAI,EAAC;AAA5D,IADF,CAVF,CADF,CADF;AAkBD,CAnBM","sourcesContent":["import React from 'react';\nimport { Slider, Icon, Box } from 'native-base';\nimport { MaterialIcons } from '@expo/vector-icons';\n\nexport const Example = () => {\n  return (\n    <Box alignItems=\"center\" w=\"100%\">\n      <Slider\n        defaultValue={70}\n        size=\"sm\"\n        colorScheme=\"green\"\n        w=\"75%\"\n        maxW=\"300\"\n      >\n        <Slider.Track bg=\"green.100\">\n          <Slider.FilledTrack bg=\"green.600\" />\n        </Slider.Track>\n        <Slider.Thumb borderWidth=\"0\" bg=\"transparent\">\n          <Icon as={MaterialIcons} name=\"park\" color=\"green.600\" size=\"sm\" />\n        </Slider.Thumb>\n      </Slider>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}