import '../PopupShare/sharePopup.css'
import './ExitPopup.css'
import { TSidebarPopup } from '../../utils/types'

export const ExitPopup: React.FC<TSidebarPopup> = ({ setClose, onExit }) => {

    return (
        <div className='exit-popup-container'>
            <div className='mobile-users-part-header exit-popup-header'>
                <span className='mobile-users-part-header-title exit-popup-button-title'>Вы уверены, что хотите закончить демонстрацию?</span>
                <button onClick={() => setClose()} className='mobile-users-part-header-close-button'></button>
            </div>
            <div className='exit-popup-button-container'>
                <button onClick={() => setClose()} className='exit-popup-button exit-popup-button_confirm'>Остаться</button>
                <button onClick={() => onExit?.()} className='exit-popup-button exit-popup-button_finish'>Закончить</button>
            </div>
        </div>
    )
}