import React from 'react'
import "./accueilDentiste.css"
import ListeRdv from "../../components/dentiste/listeRdv"
import ListeDossier from "../../components/dentiste/listeDossier"
import{WiDirectionUp , WiDirectionDown} from "react-icons/wi"




const AccueilDentiste = () => {


    /*const countColor = (count: number) => {
        if (count < current) return red &&  return{<WiDirectionDown size={"40px"} color={"red"} />} ;;
        else if (count > current) return green && return{<WiDirectionup size={"40px"} color={"green"} />} ;
        
    }; */


  return (
    <div className='acceuilbody'>
        <h1>Overview</h1>
        <div className='top-container'>
            <div className='topBox'>
                <p>Consultations</p>
                <div className='img-container'><img src='/assets/img/statistique-img.png'alt='stat' ></img></div>
                <h3>250</h3>
                <h4><WiDirectionDown size={"40px"} color={"red"} /> 25.2%</h4>
                


            </div>
            <div className='topBox'>
                <p>Patients</p>
                <div className='img-container'><img src='/assets/img/statistique-img.png'alt='stat' ></img></div>
                <h3>250</h3>
                <h4><WiDirectionDown size={"40px"} color={"red"} /> 25.2%</h4>
            </div>
            <div className='topBox'>
                <p>Dossiers</p>
                <div className='img-container'><img src='/assets/img/statistique-img.png'alt='stat' ></img></div>
                <h3>250</h3>
                <h4><WiDirectionDown size={"40px"} color={"red"} /> 25.2%</h4>
            </div>
        </div>
        <div className='list-container'>
            <div className='listeRdv'>
            <p>Liste des RDV</p>
            <ListeRdv />
            </div>
            <div className='listeDossier'>
                <div className='dossierTitre'> 
                <p>Liste des dossiers</p>
                <span className='voirPlus' ><a href="test" >Voir plus</a></span>

                </div>
            <ListeDossier />
            </div>
        </div>

    </div>
  )
}

export default AccueilDentiste