import * as React from "react";
import Link from 'next/link'
import { PublicPageLayout } from '@/components/public'

export default function AcceptInvitePage() {
  return (
    <PublicPageLayout>
      <main className="flex flex-col items-center justify-center px-4 py-16">
        <div className="w-full max-w-md card p-10 text-center">
          <div className="mx-auto mb-6 flex h-14 w-14 items-center justify-center rounded-full bg-green-100">
            <svg className="h-7 w-7 text-green-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
              <path strokeLinecap="round" strokeLinejoin="round" d="M5 13l4 4L19 7" />
            </svg>
          </div>
          <h1 className="text-2xl font-bold text-slate-900">Invitation accepted</h1>
          <p className="mt-3 text-sm text-slate-500">
            Your invitation has been processed. You can now sign in to access the team dashboard.
          </p>
          <Link href="/sign-in" className="mt-8 btn-primary justify-center w-full">
            Sign in to dashboard
          </Link>
        </div>
      </main>
    </PublicPageLayout>
  )
}
