storybook.reactnative.tsx

import React, { useState } from 'react';
import {
  getStorybookUI,
  configure,
  addDecorator,
} from '@storybook/react-native';
import ThemeProvider from '../theme/ThemeProvider';
import './stories/Split.stories.tsx';
import { themesAsObject } from '../test-utils/testAllThemes';
import { View } from 'react-native';

const ThemeProviderWithButtons = ({ children }) => {
  const [themeKey, setThemeKey] = useState('banijay');
  const theme = themesAsObject[themeKey];
  return <ThemeProvider customTheme={theme}>{children}</ThemeProvider>;
};

addDecorator(storyFn => {
  return (
    <>
      <View style={{ height: 20 }}></View>
      <ThemeProvider>{storyFn()}</ThemeProvider>
    </>
  );
});

// import stories
configure(() => {}, module);

// Refer to https://github.com/storybookjs/storybook/tree/master/app/react-native#start-command-parameters
// To find allowed options for getStorybookUI
const StorybookUIRoot = getStorybookUI({});

export default StorybookUIRoot;