{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/theme/Custom/CustomizingVariant.tsx\";\n\nimport React from 'react';\nimport { NativeBaseProvider, Button, extendTheme, Center, VStack } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var theme = extendTheme({\n    components: {\n      Button: {\n        variants: {\n          rounded: function rounded(_ref) {\n            var colorScheme = _ref.colorScheme;\n            return {\n              bg: colorScheme + \".500\",\n              rounded: 'full'\n            };\n          }\n        }\n      }\n    }\n  });\n  return React.createElement(NativeBaseProvider, {\n    theme: theme\n  }, React.createElement(Center, {\n    flex: 1\n  }, React.createElement(VStack, {\n    space: 2\n  }, React.createElement(Button, {\n    colorScheme: \"emerald\"\n  }, \"Default Button\"), React.createElement(Button, {\n    colorScheme: \"emerald\",\n    variant: \"rounded\"\n  }, \"Rounded Button\"))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/theme/Custom/CustomizingVariant.tsx"],"names":["React","NativeBaseProvider","Button","extendTheme","Center","VStack","Example","theme","components","variants","rounded","colorScheme","bg"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,kBADF,EAEEC,MAFF,EAGEC,WAHF,EAIEC,MAJF,EAKEC,MALF;AAQA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,MAAMC,KAAK,GAAGJ,WAAW,CAAC;AACxBK,IAAAA,UAAU,EAAE;AACVN,MAAAA,MAAM,EAAE;AACNO,QAAAA,QAAQ,EAAE;AACRC,UAAAA,OAAO,EAAE,uBAA0B;AAAA,gBAAvBC,WAAuB,QAAvBA,WAAuB;AACjC,mBAAO;AACLC,cAAAA,EAAE,EAAKD,WAAL,SADG;AAELD,cAAAA,OAAO,EAAE;AAFJ,aAAP;AAID;AANO;AADJ;AADE;AADY,GAAD,CAAzB;AAeA,SACE,oBAAC,kBAAD;AAAoB,IAAA,KAAK,EAAEH;AAA3B,KACE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAE;AAAd,KACE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE;AAAf,KACE,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC;AAApB,sBADF,EAEE,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC,SAApB;AAA8B,IAAA,OAAO,EAAC;AAAtC,sBAFF,CADF,CADF,CADF;AAYD,CA5BM","sourcesContent":["import React from 'react';\nimport {\n  NativeBaseProvider,\n  Button,\n  extendTheme,\n  Center,\n  VStack,\n} from 'native-base';\n\nexport const Example = () => {\n  const theme = extendTheme({\n    components: {\n      Button: {\n        variants: {\n          rounded: ({ colorScheme }: any) => {\n            return {\n              bg: `${colorScheme}.500`,\n              rounded: 'full',\n            };\n          },\n        },\n      },\n    },\n  });\n\n  return (\n    <NativeBaseProvider theme={theme}>\n      <Center flex={1}>\n        <VStack space={2}>\n          <Button colorScheme=\"emerald\">Default Button</Button>\n          <Button colorScheme=\"emerald\" variant=\"rounded\">\n            Rounded Button\n          </Button>\n        </VStack>\n      </Center>\n    </NativeBaseProvider>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}