import React, {useMemo} from 'react';
import {useModalHandler} from '@hooks/useModalHandler';

import CSDialog from '../components/CantSignDialog';

export const useCantSignDialog = () => {
  const {
    isVisible: isDialogVisible,
    onOpenModal,
    onCloseModal,
  } = useModalHandler();

  const CantSignDialog = useMemo(
    () => (
      <CSDialog showDialog={isDialogVisible} onCloseDialog={onCloseModal} />
    ),
    [isDialogVisible, onCloseModal],
  );

  return {showCantSignDialog: onOpenModal, CantSignDialog};
};