import { Button, Card } from '@heroui/react'
import { useNavigate } from 'react-router-dom'

export default function DemoPage() {
  const navigate = useNavigate()

  return (
    <div className="container mx-auto max-w-4xl px-6 py-12">
      <Card>
        <Card.Header>
          <Card.Title className="text-3xl font-bold">
            击杀生成 (Kill Generation)
          </Card.Title>
        </Card.Header>
        <Card.Content>
          <p className="text-default-500 mb-4">
            这里是击杀生成工具页面。目前正在开发中，敬请期待！
          </p>
        </Card.Content>
        <Card.Footer>
          <Button onPress={() => navigate('/')}>返回首页</Button>
        </Card.Footer>
      </Card>
    </div>
  )
}
