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{
else if (count > current) return green && return{
}; */
return (
Overview
Consultations
250
25.2%
Patients
250
25.2%
Dossiers
250
25.2%
)
.acceuilbody{
background-color: #F2FAFC;
height: 150vh;
}
.acceuilbody h1 {
margin-bottom: 5vh;
color:#43425D;
font: 600 25px/38px Poppins;
text-align: left;
margin-left: 20vh;
}
.top-container{
display: flex;
margin-left: 15vh;
}
margin-left: 5vh;
margin-top: 2vh;
width: 60vh;
height: 20vh;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 2px 6px #0000000A;
opacity: 1;
}
.topBox p{
margin-left: 2vh;
margin-top: 2vh;
text-align: left;
font: Poppins;
letter-spacing: 0px;
color: #43425D;
opacity: 0.6;
}
.topBox h3 {
margin-left: 2vh;
margin-top: 4vh;
text-align: left;
font: bold Poppins;
letter-spacing: 0px;
color: #4D4F5C;
}
.topBox h4{
text-align: left;
font: bold 14px/17px 'Poppins';
letter-spacing: 0px;
color: #FF4141;
opacity: 1;
}
.img-container{
margin-right: 2vh;
float: right;
width: 18vh;
margin-top: 4vh;
}
.img-container img{
width: 100%;
height: 100%;
object-fit: contain;
}
.list-container{
margin-top:5vh;
display: flex;
margin-left: 15vh;
margin-bottom: 10vh;
}
.listeRdv{
padding: 3vh;
width: 125vh;
height: 98vh;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 2px 6px #0000000A;
opacity: 1;
margin-left: 5vh;
margin-bottom: 5vh;
}
.listeDossier{
padding: 3vh;
width: 60vh;
height: 98vh;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 2px 6px #0000000A;
opacity: 1;
margin-left: 5vh;
}
.listeRdv p{
margin-left: 2vh;
margin-top: 2vh;
text-align: left;
font: Poppins;
letter-spacing: 0px;
color: #4D4F5C;
opacity: 0.59;
}
.dossierTitre{
margin-bottom: 2vh;
display: flex;
}
.dossierTitre p {
font-weight: 2rem;
text-align: left;
font-family: Poppins;
letter-spacing: 0px;
color: #4D4F5C;
opacity: 1;
}
.voirPlus{
margin-left:27vh;
}