import { UI } from '@hyext/hy-ui'
import React, { Component } from 'react'
import { Provider } from 'react-redux'
import { QueryClient, QueryClientProvider } from 'react-query'
import store from './model'
import "@hyext/tailwindcss/styles.hycss";
import Panel from './components/Panel'

const { View, ScrollView, Text } = UI

const queryClient = new QueryClient()

class App extends Component {
  render() {
    return (
      <Provider store={store}>
        <QueryClientProvider client={queryClient}>
          <View className="absolute inset-0">
            <ScrollView className="flex-1">
              <Panel />
            </ScrollView>
          </View>
        </QueryClientProvider>
      </Provider>
    )
  }
}

export default App
