{"ast":null,"code":"import React from 'react';\nimport { Heading, VStack, NativeBaseProvider, extendTheme } 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  var theme = extendTheme({\n    colors: {\n      custom: {\n        100: '#f7c',\n        200: '#faa',\n        300: '#1ac'\n      }\n    },\n    components: {\n      Heading: {\n        baseStyle: {\n          color: 'custom.100'\n        }\n      }\n    }\n  });\n  return _jsxs(NativeBaseProvider, {\n    theme: theme,\n    children: [_jsx(Heading, {\n      children: \"Hello\"\n    }), _jsxs(VStack, {\n      flex: 1,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      children: [_jsx(Heading, {\n        children: \" I'm a Heading\"\n      }), _jsx(Heading, {\n        color: \"custom.300\",\n        children: \" I'm a Heading\"\n      })]\n    })]\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/theme/Custom/Basic.tsx"],"names":["React","Heading","VStack","NativeBaseProvider","extendTheme","Example","theme","colors","custom","components","baseStyle","color"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,OAAT,EAAkBC,MAAlB,EAA0BC,kBAA1B,EAA8CC,WAA9C;;;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,MAAMC,KAAK,GAAGF,WAAW,CAAC;AACxBG,IAAAA,MAAM,EAAE;AACNC,MAAAA,MAAM,EAAE;AACN,aAAK,MADC;AAEN,aAAK,MAFC;AAGN,aAAK;AAHC;AADF,KADgB;AAQxBC,IAAAA,UAAU,EAAE;AACVR,MAAAA,OAAO,EAAE;AACPS,QAAAA,SAAS,EAAE;AACTC,UAAAA,KAAK,EAAE;AADE;AADJ;AADC;AARY,GAAD,CAAzB;AAiBA,SACE,MAAC,kBAAD;AAAoB,IAAA,KAAK,EAAEL,KAA3B;AAAA,eACE,KAAC,OAAD;AAAA;AAAA,MADF,EAEE,MAAC,MAAD;AAAQ,MAAA,IAAI,EAAE,CAAd;AAAiB,MAAA,cAAc,EAAC,QAAhC;AAAyC,MAAA,UAAU,EAAC,QAApD;AAAA,iBACE,KAAC,OAAD;AAAA;AAAA,QADF,EAEE,KAAC,OAAD;AAAS,QAAA,KAAK,EAAC,YAAf;AAAA;AAAA,QAFF;AAAA,MAFF;AAAA,IADF;AASD,CA3BM","sourcesContent":["import React from 'react';\nimport { Heading, VStack, NativeBaseProvider, extendTheme } from 'native-base';\n\nexport const Example = () => {\n  const theme = extendTheme({\n    colors: {\n      custom: {\n        100: '#f7c',\n        200: '#faa',\n        300: '#1ac',\n      },\n    },\n    components: {\n      Heading: {\n        baseStyle: {\n          color: 'custom.100',\n        },\n      },\n    },\n  });\n\n  return (\n    <NativeBaseProvider theme={theme}>\n      <Heading>Hello</Heading>\n      <VStack flex={1} justifyContent=\"center\" alignItems=\"center\">\n        <Heading> I'm a Heading</Heading>\n        <Heading color=\"custom.300\"> I'm a Heading</Heading>\n      </VStack>\n    </NativeBaseProvider>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}