magalhaespaulo

       ______ __   _ ______ __  __      __   _  
      |   ___|  | | |   ___|  |/ /     |  | | | 
      |   ___|  |_| |   |__|     \     |  |_| | 
      |___|  |______|______|__|\__\    |______| 
 

magalhaespaulo

// Accessible Modal.tsx with
// Framer Motion and Tailwind CSS
// 10 Examples in the comments section below
import { createPortal } from 'react-dom'
import { Dispatch, HTMLAttributes, SetStateAction, useEffect, useState } from 'react'
import { AnimatePresence, motion } from 'framer-motion'
import FocusLock from 'react-focus-lock'

const effect = {
  hidden: {