import { useRouter } from 'expo-router'
import { Text, View } from 'react-native'
import { ScrollView } from 'react-native-gesture-handler'
import { AButton, ACell, ACellGroup } from '@/components/common/ao'
import EmptyState from '@/components/common/EmptyStatus'
import { Grid, GridItem } from '@/components/ui/grid'
import { useMoneyCategoryStore } from '@/store/moneyCategory'
import { useSpaceStore } from '@/store/space'

export default function Demo() {
  const router = useRouter()
  const spaceStore = useSpaceStore()

  function NoSpaceTip() {
    return (
      <EmptyState
        description="还没有加入空间，选择一个加入或自己创建一个，开始聊天！"
        footer={
          <AButton size="sm">创建 / 加入 空间</AButton>
        }
      />
    )
  }

  return (
    <View className="flex-1">
      {
        spaceStore.inSpace()
          ? (<View></View>)
          : <NoSpaceTip />
      }
    </View>
  )
}