import Link from "next/link";

export const metadata = { title: "Signed out — GSC My" };

export default function SignedOutPage() {
  return (
    <div className="min-vh-100 d-flex align-items-center justify-content-center bg-light">
      <div className="card shadow-sm" style={{ maxWidth: 480 }}>
        <div className="card-body p-4 text-center">
          <div className="mb-3">
            <i className="ph ph-sign-out text-success" style={{ fontSize: "3rem" }}></i>
          </div>
          <h4 className="mb-2">You&apos;re signed out</h4>
          <p className="text-muted mb-4">Your GSC session has ended.</p>
          <div className="d-flex gap-2 justify-content-center">
            <Link href="/auth/keycloak" className="btn btn-primary">Sign back in</Link>
            <a href="https://gosec.cloud/" className="btn btn-outline-secondary">Back to gosec.cloud</a>
          </div>
        </div>
      </div>
    </div>
  );
}
