import { Component, PropsWithChildren } from 'react'
import './app.scss'
import './context/locales/index'
import { Provider } from 'react-redux'
import store from './store/store'
import { View } from '@tarojs/components'
import GlobalModal from './components/layout/GlobalModal'

// import 'taro-ui/dist/style/index.scss'


const App: React.FC<PropsWithChildren> = ({ children }) => {
  return <Provider store={store}>
    <View style={{position:'absolute',left:0,right:0,top:0,height:300,backgroundColor:'red'}}/>
    {children}
    <GlobalModal />
    <View style={{position:'absolute',left:0,right:0,top:0,height:300,backgroundColor:'red'}}/>
  </Provider>
}
// class App extends Component<PropsWithChildren> {

//   componentDidMount () {}

//   componentDidShow () {}

//   componentDidHide () {}

//   // this.props.children 是将要会渲染的页面
//   render () {
//     return this.props.children
//   }
// }
export default App
