{"ast":null,"code":"import React from 'react';\nimport { NativeBaseProvider, extendTheme, v33XTheme } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { Content } from \"./Content\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport var Example = function Example() {\n  var theme = extendTheme({\n    colors: {\n      custom: {\n        100: '#f7c',\n        200: '#333',\n        300: '#1ac'\n      },\n      amber: {\n        400: '#4B5563',\n        500: '#E7E5E4'\n      }\n    },\n    fonts: {\n      heading: \"monospace\",\n      body: \"monospace\"\n    },\n    config: {\n      initialColorMode: 'dark'\n    }\n  });\n  return _jsx(NativeBaseProvider, {\n    theme: v33XTheme,\n    children: _jsx(Content, {})\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/theme/Custom/CustomizingTheme.tsx"],"names":["React","NativeBaseProvider","extendTheme","v33XTheme","Content","Example","theme","colors","custom","amber","fonts","heading","body","config","initialColorMode"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,kBAAT,EAA6BC,WAA7B,EAA0CC,SAA1C;AACA,SAASC,OAAT;;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,MAAMC,KAAK,GAAGJ,WAAW,CAAC;AACxBK,IAAAA,MAAM,EAAE;AAENC,MAAAA,MAAM,EAAE;AACN,aAAK,MADC;AAEN,aAAK,MAFC;AAGN,aAAK;AAHC,OAFF;AAQNC,MAAAA,KAAK,EAAE;AACL,aAAK,SADA;AAEL,aAAK;AAFA;AARD,KADgB;AAcxBC,IAAAA,KAAK,EAAE;AACLC,MAAAA,OAAO,aADF;AAELC,MAAAA,IAAI;AAFC,KAdiB;AAkBxBC,IAAAA,MAAM,EAAE;AAENC,MAAAA,gBAAgB,EAAE;AAFZ;AAlBgB,GAAD,CAAzB;AAuBA,SACE,KAAC,kBAAD;AAAoB,IAAA,KAAK,EAAEX,SAA3B;AAAA,cACE,KAAC,OAAD;AADF,IADF;AAKD,CA7BM","sourcesContent":["import React from 'react';\nimport { NativeBaseProvider, extendTheme, v33XTheme } from 'native-base';\nimport { Content } from './Content';\n\nexport const Example = () => {\n  const theme = extendTheme({\n    colors: {\n      // Add new color\n      custom: {\n        100: '#f7c',\n        200: '#333',\n        300: '#1ac',\n      },\n      // Update existing colors\n      amber: {\n        400: '#4B5563',\n        500: '#E7E5E4',\n      },\n    },\n    fonts: {\n      heading: `monospace`,\n      body: `monospace`,\n    },\n    config: {\n      // Changing initialColorMode to 'dark'\n      initialColorMode: 'dark',\n    },\n  });\n  return (\n    <NativeBaseProvider theme={v33XTheme}>\n      <Content />\n    </NativeBaseProvider>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}