import Link from 'next/link'
import { useGlobals } from '@/lib/globals'
import Container from '@/components/shared/Container'

export default function PreviewAlert() {
  const { preview } = useGlobals()

  return preview ? (
    <Link href="/api/exit-preview" className="block bg-black text-white underline">
      <Container as="span" className="py-2 text-center text-sm">
        Preview Mode - Click here to exit preview mode.
      </Container>
    </Link>
  ) : null
}