import React from 'react'
import usePopup from 'hooks/usePopup'

const Popup = () => {
  const { popupData: p } = usePopup()

  if (!p || !p.content) return null

  return (
    <div className={`window window--popup${p.error ? ' window--error' : ''}`}>
      <div className='window__content--popup'>{p.content}</div>
      {
        (p.yes || p.no) && (
          <div className='window__buttons--popup'>
            {[p.no, p.yes].map(a => a && <input key={a.label} className='window__button' type='button' onClick={async () => a.action()} value={a.label} />)}
          </div>
        )
      }
    </div>
  )
}

export default Popup