import {TriangleAlert} from "lucide-react";

type PatientInformationCardProps = {}

export default function PatientInformationCard(props: PatientInformationCardProps) {
    return (
        <div className={""}>

        </div>
    )
}


export function NoPatientsContainer() {
    return (
        <div className={"h-full flex items-center justify-center grow"}>
            <div className={"text-green-950 flex flex-col justify-center items-center gap-4"}>
                <TriangleAlert size={36} className={"text-red-950"}/>
                <div className={"text-center"}>
                    <p className={"font-semibold"}>You have no patients yet.</p>
                    <p>Don't fret. Update your profile to match with more people.</p>
                </div>
            </div>
        </div>
    )
}