Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

import { useOutsideClick } from '@hooks'

const ConfirmBox = ({ show, onClose, onAccept }) => {
  const [ref] = useOutsideClick(() => onClose())

  return (
    <div
      className='popover confirmation fade bs-popover-top show'
      id='confirmation937427'
      style={{
        position: 'absolute',
        top: '-2.5rem',
        left: '50%',
        transform: 'translate(-50%, -100%)',
        width: '120px',
        display: show ? 'block' : 'none'
      }}
      ref={ref}
    >
      <div className='arrow' style={{ left: '46px' }}></div>
      <p className='popover-header'>¿Está seguro?</p>
      <div className='popover-body'>
        <p className='confirmation-content' style={{ display: 'none' }}></p>
        <div className='confirmation-buttons text-center'>
          <div className='btn-group'>
            <button
              type='button'
              className='h-100 d-flex align-items-center btn btn-sm btn-primary'
              onClick={() => {
                onAccept()
                onClose()
              }}
            >
              Si
            </button>
            <button
              type='button'
              className='h-100 d-flex align-items-center btn btn-sm btn-secondary'
              onClick={() => {
                onClose()
              }}
            >
              No
            </button>
          </div>
        </div>
      </div>
    </div>
  )
}

export default ConfirmBox