import React , { useState } from 'react'
import {BsChevronRight, BsChevronUp} from "react-icons/bs"
import {MdPermIdentity} from "react-icons/md"
import "./formulaireRdv.css"
import Navbar from "../../components/navbar";
import {BiMessage} from "react-icons/bi"
import DropFileInput from '../../components/uploadDoc/DropFileInput';
import { useDispatch} from "react-redux";

const FormulaireRdv = () => .bodyContainer{
    background-color: #FCFEFF;
    margin: 0
}
.path{
    font-size: 1.2rem;
    margin-left: 9vh;
    margin-top: 6vh;
    margin-bottom: 6vh;
    text-align: left;
    font-family:  Poppins;
    letter-spacing: 0px;
    color: #247285;
    opacity: 1;
}
.formulaireBx{
    margin-left: 14vh;
    width:80%;
    height:90vh;
}
.formulaireBx h2 {
    const dispatch = useDispatch();

    const HandleChange = (e) => {
        setUser({ ...user, [e.target.name]: e.target.value });
      };
    
    const [user, setUser] = useState({
        firstName: "",
        lastName: "",
        
      });






  return (
    
        
         Liste dentiste  
        Dr  
         Prise de RDV  
         Formulaire 

        
            

Formulaire de la prise de rendez-vous

            
                
                    
                                             type="text"
                        name="firstName"
                        className="form-control"
                        placeholder="Nom et prénom"
                        aria-describedby="basic-addon2"
                        onChange={(e) => HandleChange(e)}
                        />