commerce/src/components/hooks/useModalCommon.tsx

import { useState } from 'react';

interface Props {
    initialValue?: boolean,
}

export const useModalCommon = ({ initialValue = false }: Props) => {
    const [visible, setVisible] = useState<boolean>(initialValue)

    const openModal = (e?: any) => {
        e && e.stopPropagation()
        setVisible(true)
    }

    const closeModal = (e?: any) => {
        e && e.stopPropagation()
        setVisible(false)
    }

    return {
        visible, openModal, closeModal
    }
};