1. import React from 'react'
2. import "./accueilDentiste.css"
3. import ListeRdv from "../../components/dentiste/listeRdv"
4. import ListeDossier from "../../components/dentiste/listeDossier"
5. import{WiDirectionUp , WiDirectionDown} from "react-icons/wi"
6.  
7.  
8.  
9.  
10. const AccueilDentiste = () => {
11.  
12.  
13.     /*const countColor = (count: number) => {
14.         if (count < current) return red &&  return{<WiDirectionDown size={"40px"} color={"red"} />} ;;
15.         else if (count > current) return green && return{<WiDirectionup size={"40px"} color={"green"} />} ;
16.        
17.     }; */
18.  
19.  
20.   return (
21.     <div className='acceuilbody'>
22.         <h1>Overview</h1>
23.         <div className='top-container'>
24.             <div className='topBox'>
25.                 <p>Consultations</p>
26.                 <div className='img-container'><img src='/assets/img/statistique-img.png'alt='stat' ></img></div>
27.                 <h3>250</h3>
28.                 <h4><WiDirectionDown size={"40px"} color={"red"} /> 25.2%</h4>
29.                
30.  
31.  
32.             </div>
33.             <div className='topBox'>
34.                 <p>Patients</p>
35.                 <div className='img-container'><img src='/assets/img/statistique-img.png'alt='stat' ></img></div>
36.                 <h3>250</h3>
37.                 <h4><WiDirectionDown size={"40px"} color={"red"} /> 25.2%</h4>
38.             </div>
39.             <div className='topBox'>
40.                 <p>Dossiers</p>
41.                 <div className='img-container'><img src='/assets/img/statistique-img.png'alt='stat' ></img></div>
42.                 <h3>250</h3>
43.                 <h4><WiDirectionDown size={"40px"} color={"red"} /> 25.2%</h4>
44.             </div>
45.         </div>
46.         <div className='list-container'>
47.             <div className='listeRdv'>
48.             <p>Liste des RDV</p>
49.             <ListeRdv />
50.             </div>
51.             <div className='listeDossier'>
52.                 <div className='dossierTitre'>
53.                 <p>Liste des dossiers</p>
54.                 <span className='voirPlus' ><a href="test" >Voir plus</a></span>
55.  
56.                 </div>
57.             <ListeDossier />
58.             </div>
59.         </div>
60.  
61.     </div>
62.   )
63. }
64.  
65. export default AccueilDentiste