import { getProfile } from "@/actions/user-actions";
import { AgreementCard } from "@/components/agreement-card";
import { tryCatch } from "@/utils/tryCatch";

export default async function Agreements() {
	const [error, profile] = await tryCatch(getProfile())
	return (
		<div>
			<div className="flex justify-between items-center border rounded-md border-dashed font-bold title-bg py-4 px-2 mb-4">
				<h3 className="text-sarLinkOrange text-2xl">Agreements</h3>
			</div>
			<div className="grid grid-cols-1">
				{error ? (
					<div className="text-red-500">
						An error occurred while fetching agreements: {error.message}
					</div>
				) : (
					<div>
						<AgreementCard agreement={profile.agreement ?? ""} />
					</div>
				)}
			</div>
		</div>
	);
}