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