import { router, Stack } from 'expo-router'
import { ArrowLeft } from 'lucide-react-native'
import { EmptyState } from '@/components/common/EmptyStatus'

export default function NotFound() {
  return (
    <>
      <Stack.Screen options={{ headerShown: false }} />
      <EmptyState
        image={require('@/static/images/404.png')}
        title="(´･ω･`) 页面走丢了～"
        description="回首页看看吧！"
        buttonText="返回应用首页"
        buttonIcon={ArrowLeft}
        onButtonPress={() => router.replace('/')}
      />
    </>
  )
}