{"ast":null,"code":"import React from 'react';\nimport { Text, extendTheme, Center, NativeBaseProvider } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var theme = extendTheme({\n    components: {\n      Text: {\n        baseStyle: {\n          color: 'emerald.400'\n        },\n        defaultProps: {\n          size: 'lg'\n        },\n        sizes: {\n          xl: {\n            fontSize: '64px'\n          },\n          lg: {\n            fontSize: '32px'\n          },\n          md: {\n            fontSize: '16px'\n          },\n          sm: {\n            fontSize: '12px'\n          }\n        }\n      }\n    }\n  });\n  return React.createElement(NativeBaseProvider, {\n    theme: theme\n  }, React.createElement(Center, {\n    flex: 1\n  }, React.createElement(Text, null, \"NativeBase\")));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/theme/Custom/CustomizingBase.tsx"],"names":["React","Text","extendTheme","Center","NativeBaseProvider","Example","theme","components","baseStyle","color","defaultProps","size","sizes","xl","fontSize","lg","md","sm"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,WAAf,EAA4BC,MAA5B,EAAoCC,kBAApC;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,MAAMC,KAAK,GAAGJ,WAAW,CAAC;AACxBK,IAAAA,UAAU,EAAE;AACVN,MAAAA,IAAI,EAAE;AACJO,QAAAA,SAAS,EAAE;AACTC,UAAAA,KAAK,EAAE;AADE,SADP;AAIJC,QAAAA,YAAY,EAAE;AAAEC,UAAAA,IAAI,EAAE;AAAR,SAJV;AAKJC,QAAAA,KAAK,EAAE;AACLC,UAAAA,EAAE,EAAE;AAAEC,YAAAA,QAAQ,EAAE;AAAZ,WADC;AAELC,UAAAA,EAAE,EAAE;AAAED,YAAAA,QAAQ,EAAE;AAAZ,WAFC;AAGLE,UAAAA,EAAE,EAAE;AAAEF,YAAAA,QAAQ,EAAE;AAAZ,WAHC;AAILG,UAAAA,EAAE,EAAE;AAAEH,YAAAA,QAAQ,EAAE;AAAZ;AAJC;AALH;AADI;AADY,GAAD,CAAzB;AAiBA,SACE,oBAAC,kBAAD;AAAoB,IAAA,KAAK,EAAER;AAA3B,KACE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAE;AAAd,KACE,oBAAC,IAAD,qBADF,CADF,CADF;AAOD,CAzBM","sourcesContent":["import React from 'react';\nimport { Text, extendTheme, Center, NativeBaseProvider } from 'native-base';\n\nexport const Example = () => {\n  const theme = extendTheme({\n    components: {\n      Text: {\n        baseStyle: {\n          color: 'emerald.400',\n        },\n        defaultProps: { size: 'lg' },\n        sizes: {\n          xl: { fontSize: '64px' },\n          lg: { fontSize: '32px' },\n          md: { fontSize: '16px' },\n          sm: { fontSize: '12px' },\n        },\n      },\n    },\n  });\n\n  return (\n    <NativeBaseProvider theme={theme}>\n      <Center flex={1}>\n        <Text>NativeBase</Text>\n      </Center>\n    </NativeBaseProvider>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}