import {FolderOpenDot} from "lucide-react";

export default function NoResourcesContainer() {
    return (
        <div className={"flex items-center justify-center grow"}>
            <div className={"text-green-950 flex flex-col justify-center items-center gap-4"}>
                <FolderOpenDot size={36}/>
                <div className={"text-center"}>
                    <p className={"font-semibold"}>No Resources Found.</p>
                    <p>There are currently no resources found online.</p>
                </div>
            </div>
        </div>
    )
}