import StorybookUIRoot from './.ondevice/Storybook';

import React from 'react';
// import { useFonts } from 'expo-font';

export default () => {
  // const [loaded] = useFonts({
  //   'Roboto-Bold': require('./assets/fonts/Roboto-Bold.ttf'),
  //   'Roboto-Italic': require('./assets/fonts/Roboto-Italic.ttf'),
  //   'Roboto-Light': require('./assets/fonts/Roboto-Light.ttf'),
  //   'Roboto-Regular': require('./assets/fonts/Roboto-Regular.ttf'),
  //   'Roboto-Medium': require('./assets/fonts/Roboto-Medium.ttf'),

  //   'Montserrat-Bold': require('./assets/fonts/Montserrat-Bold.ttf'),
  //   'Montserrat-Italic': require('./assets/fonts/Montserrat-Italic.ttf'),
  //   'Montserrat-Light': require('./assets/fonts/Montserrat-Light.ttf'),
  //   'Montserrat-Regular': require('./assets/fonts/Montserrat-Regular.ttf'),
  //   'Montserrat-Medium': require('./assets/fonts/Montserrat-Medium.ttf'),
  //   'Montserrat-MediumItalic': require('./assets/fonts/Montserrat-MediumItalic.ttf'),
  //   'Montserrat-Black': require('./assets/fonts/Montserrat-Black.ttf'),
  //   'Montserrat-BlackItalic': require('./assets/fonts/Montserrat-BlackItalic.ttf'),
  //   'Montserrat-ExtraBold': require('./assets/fonts/Montserrat-ExtraBold.ttf'),
  //   'Montserrat-ExtraBoldItalic': require('./assets/fonts/Montserrat-ExtraBoldItalic.ttf'),
  //   'Montserrat-SemiBold': require('./assets/fonts/Montserrat-SemiBold.ttf'),
  //   'Montserrat-SemiBoldItalic': require('./assets/fonts/Montserrat-SemiBoldItalic.ttf'),
  // });

  // if (!loaded) return null;
  return <StorybookUIRoot />;
};