import { ReactNode, useEffect, useState } from 'react'

// HACK: See https://github.com/storybookjs/react-native/issues/20#issuecomment-861033581
export const Storybook: React.FC = () => {
  const [storybookUI, setStorybookUI] = useState<ReactNode | null>(null)

  useEffect(() => {
    if (!__DEV__) {
      return
    }

    const StorybookUI = require('../../storybook').default
    setStorybookUI(<StorybookUI />)
  }, [setStorybookUI])

  return <>{storybookUI}</>
}