Session expired

"use client"

import * as React from "react"
import { SessionExpiredDialog } from "@/components/session-expired"
import { Button } from "@/components/ui/button"

export default function Example() {
  const [open, setOpen] = React.useState(false)
  const [signingIn, setSigningIn] = React.useState(false)
  const signIn = () => {
    setSigningIn(true)
    // Your sign-in flow goes here; this one just succeeds after a moment.
    window.setTimeout(() => {
      setSigningIn(false)
      setOpen(false)
    }, 1200)
  }
  return (
    <>
      <Button variant="outline" onClick={() => setOpen(true)}>
        End the session
      </Button>
      <SessionExpiredDialog
        open={open}
        email="sam@acme.example"
        kept="Your unsent message is kept."
        signingIn={signingIn}
        onSignIn={signIn}
        onSignOut={() => setOpen(false)}
      />
    </>
  )
}