import { useTranslation } from "react-i18next"
import { ModalBox } from "../components"
import { Box, FormControl, Input } from "@chakra-ui/react"
import React from "react"

export const ModalDeposite = React.forwardRef((props, ref) => {
    const { t } = useTranslation()

    return (
        <ModalBox
            title={t('deposite')}
            isOpen={props.isOpen}
            onClose={props.onClose}
            onConfirm={props.onConfirm}
            focusRef={ref}
        >
            <Box>
                <FormControl>Amount</FormControl>
                <Input ref={ref} placeholder="deposite amount" />
            </Box>

        </ModalBox>
    )
})