import { CheckCircle2Icon } from "lucide-react"

export default function Page() {
  return (
    <main className="flex min-h-svh items-center justify-center bg-muted px-6 text-foreground">
      <section className="grid max-w-sm justify-items-center gap-4 text-center">
        <div className="flex size-14 items-center justify-center rounded-full bg-emerald-50 text-emerald-600 ring-1 ring-emerald-100 dark:bg-emerald-950/40 dark:text-emerald-300 dark:ring-emerald-900">
          <CheckCircle2Icon className="size-7" />
        </div>
        <div className="grid gap-2">
          <h1 className="text-lg font-semibold text-foreground">会话已结束</h1>
          <p className="text-sm leading-6 text-muted-foreground">
            当前客服会话已关闭，感谢您的使用。
          </p>
        </div>
      </section>
    </main>
  )
}