import { Clock3 } from 'lucide-react'
import { Badge } from '@/components/ui/badge'
import { AdminPage } from '@/features/admin/components/admin-page'

type ComingSoonPageProps = {
  title: string
  description: string
  phase: string
}

export function ComingSoonPage({
  title,
  description,
  phase,
}: ComingSoonPageProps) {
  return (
    <AdminPage
      title={title}
      description={description}
      actions={<Badge variant='outline'>{phase}</Badge>}
    >
      <div className='rounded-md border border-dashed p-8'>
        <div className='mx-auto flex max-w-xl flex-col items-center gap-3 text-center'>
          <div className='rounded-full bg-muted p-3'>
            <Clock3 className='h-6 w-6 text-muted-foreground' />
          </div>
          <h3 className='text-lg font-semibold'>功能开发中</h3>
          <p className='text-sm text-muted-foreground'>
            当前页面已预留路由和菜单位置，后续会按项目阶段接入真实业务接口。
          </p>
        </div>
      </div>
    </AdminPage>
  )
}
