import { useMainContext } from "../../layout/MainProvider";
import { PostType, Prisma } from "@nice/common";
import PostList from "@web/src/components/models/course/list/PostList";
import { useMemo } from "react";
import CourseCard from "./CourseCard";
import PostCard from "@web/src/components/models/course/card/PostCard";

export function CoursesContainer() {
	const {searchCondition, termsCondition } = useMainContext();
	return (
		<>
			<PostList
				renderItem={(post) => <PostCard course={post}></PostCard>}
				params={{
					pageSize: 12,
					where: {
						type: PostType.COURSE,
						...termsCondition,
						...searchCondition,
					},
				}}
				cols={4}></PostList>
		</>
	);
}

export default CoursesContainer;