text: import { DIRECTIONS } from 'react-with-direction'
  import AphroditeInterface from 'react-with-styles-interface-aphrodite'
  import WithStylesContext from 'react-with-styles/lib/WithStylesContext'
  import ThemedStyleSheet from 'react-with-styles/lib/ThemedStyleSheet'
  import defaultTheme from '../defaultTheme'
  
  function MyApp(props) {
    const { Component, pageProps } = props
  
    ThemedStyleSheet.registerInterface(AphroditeInterface)
  
    return (
      <WithStylesContext.Provider
        value={{
          stylesInterface: AphroditeInterface,
          stylesTheme: defaultTheme,
          direction: DIRECTIONS.LTR,
        }}
      >
        <Component {...pageProps} />
      </WithStylesContext.Provider>
    )
  }
  
  export default MyApp
  