import { Button, Dialog, DialogActions, DialogContent, DialogTitle, Typography, Grid, FormControl, Select, InputLabel, MenuItem, TextField, FormLabel, Radio, RadioGroup, FormControlLabel } from "@material-ui/core";
import capitalize from "capitalize";
import React, { useCallback, useEffect, useState } from "react";
import { useTranslation } from "react-i18next";
import { useDispatch, useSelector } from "react-redux";
import { AppState } from "../../../Redux";
import { IGenerateJobProps } from "./GenerateJob.types";


function GenerateJobDialog(props: IGenerateJobProps) {
    const [t] = useTranslation('ShowQuotes')
    const { open, handleClose, onSubmit, quoteInfo } = props

    const user = useSelector((state: AppState) => state.user)
    const dispatch = useDispatch()

    return (
        <>
            <Dialog maxWidth="sm" fullWidth open={open} onClose={handleClose}>
                <DialogTitle>
                    <Typography>
                        {t("generate_a_job_with_this_information")}

                    </Typography>
                </DialogTitle>
                <DialogContent dividers>
                    <Grid
                        
                        spacing={2}
                    >
                      
                    </Grid>
                </DialogContent>
                <DialogActions>

                    <Button variant="contained" color="primary" onClick={() => {
                        onSubmit()
                    }}>
                        {t("approve")}
                    </Button>
                </DialogActions>
            </Dialog>
        </>
    )
}


export default GenerateJobDialog