feat: add footer buttons to manage modal

components/cookies/manage/buttons.tsx

@@ -0,0 +1,81 @@
+"use client";
+import type { UseFormSetValue } from "react-hook-form";
+
+import { Button } from "@/components/ui/button";
+import { useCookieContext } from "@/context/cookie";
+
+type CookieInputs = {
+  necessary: boolean;
+  preferences: boolean;
+  analytics: boolean;
+  advertising: boolean;
+};
+
+type ButtonProps = {
+  setValue: UseFormSetValue<CookieInputs>;
+};
+
+export function DenyAll({ setValue }: ButtonProps) {
+  const cookieStore = useCookieContext();
+  return (
+    <>
+      <Button
+        type="submit"
+        tabIndex={cookieStore.isManageConsentMenuOpen ? 0 : -1}
+        onClick={() => {
+          setValue("necessary", true);
+          setValue("preferences", false);
+          setValue("analytics", false);
+          setValue("advertising", false);
+          cookieStore.toggleManageConsentMenu();
+        }}
+        variant="outline"
+        className="flex h-[3rem] w-full grow items-center justify-center rounded-lg px-6 font-bold transition-all md:w-fit"
+      >
+        <span className="z-[2]">Deny all</span>
+      </Button>
+    </>
+  );
+}
+
+export function AcceptAll({ setValue }: ButtonProps) {
+  const cookieStore = useCookieContext();
+  return (
+    <>
+      <Button
+        type="submit"
+        tabIndex={cookieStore.isManageConsentMenuOpen ? 0 : -1}
+        onClick={() => {
+          setValue("necessary", true);
+          setValue("preferences", true);
+          setValue("analytics", true);
+          setValue("advertising", true);
+          cookieStore.toggleManageConsentMenu();
+        }}
+        variant="default"
+        className="flex h-[3rem] w-full grow items-center justify-center rounded-lg px-6 font-bold transition-all md:w-fit"
+      >
+        <span className="z-[2]">Accept All</span>
+      </Button>
+    </>
+  );
+}
+
+export function AcceptSelection() {
+  const cookieStore = useCookieContext();
+  return (
+    <>
+      <Button
+        type="submit"
+        tabIndex={cookieStore.isManageConsentMenuOpen ? 0 : -1}
+        onClick={() => {
+          cookieStore.toggleManageConsentMenu();
+        }}
+        variant="outline"
+        className="flex h-[3rem] w-full grow items-center justify-center rounded-lg px-6 font-bold transition-all md:w-fit"
+      >
+        <span className="z-[2]">Accept Selection</span>
+      </Button>
+    </>
+  );
+}