import React from 'react'
import styles from './style.module.css'
import Image from 'next/image'
import { Modal } from 'antd'
import CustomLink from '@/components/CustomLink'

interface Iporps {
    setOpen: (value: boolean) => void
    isOpen: boolean
}

const HelperI18n = ({ setOpen, isOpen }: Iporps) => {
    return (
        <Modal
            width={408}
            open={isOpen}
            footer={null}
            centered={true}
            maskClosable={false}
            closable={false}
        >
            <div className={styles.container} style={{ padding: 0, height: 'auto' }}>
                <div className={styles.modalCloseRow}>
                    <div className={`${styles.mainTitle} ag18`}>Contact Us</div>
                    <Image
                        src="/modal-close.svg"
                        alt="modal-close for logo"
                        width={18}
                        height={18}
                        onClick={() => {
                            setOpen(false)
                        }}
                        className={styles.close}
                    />
                </div>
                <div className={`${styles.subTitle} ag16`}>
                    If you have any issues using our product or are interested in
                    collaborations/partnerships, please email us at{' '}
                    <CustomLink href="mailto:hi@weshop.com">hi@weshop.com</CustomLink>.
                    <br />
                    <br />
                    Provide details and screenshots of any problems to help our team resolve them
                    faster. We{"'"}ll respond as soon as possible.
                </div>
            </div>
        </Modal>
    )
}

export default HelperI18n
