From a7a5db8fc08f0feb3e3e546c696c8a601a2afbdb Mon Sep 17 00:00:00 2001
From: Harry Ross <hazross@hotmail.com>
Date: Tue, 13 Feb 2024 17:33:02 +1100
Subject: [PATCH] Added classname prop to base layout

---
 lib/components/MegaMenuLayout/MegaMenuLayout.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/lib/components/MegaMenuLayout/MegaMenuLayout.tsx b/lib/components/MegaMenuLayout/MegaMenuLayout.tsx
index 65d70bc..02d0c07 100644
--- a/lib/components/MegaMenuLayout/MegaMenuLayout.tsx
+++ b/lib/components/MegaMenuLayout/MegaMenuLayout.tsx
@@ -1,8 +1,10 @@
 import { Bars3Icon } from "@heroicons/react/24/outline";
+import type { ClassValue } from "clsx";
 import React, { useState } from "react";
 import { useMenuItems } from "../../hooks/useMenuItems";
 import { NavMenuGroup } from "../../types/megamenu";
 import { DEFAULT_URL } from "../../util/constants";
+import { cx } from "../../util/cx";
 import { CustomLink } from "../CustomLink";
 import DesktopMenu from "../DesktopMenu/DesktopMenu";
 import { Logo } from "../Logo";
@@ -11,6 +13,7 @@ import { PhoneButton } from "../PhoneButton";
 import { Search } from "../Search";
 
 export type MegaMenuWrapperProps = {
+  className?: ClassValue;
   menuBarItems?: NavMenuGroup[];
   url?: string;
   subtitle?: string;
@@ -30,6 +33,7 @@ type Title = {
 };
 
 const MegaMenuLayout: React.FC<MegaMenuWrapperProps> = ({
+  className = "",
   tagline,
   title,
   url,
@@ -46,7 +50,12 @@ const MegaMenuLayout: React.FC<MegaMenuWrapperProps> = ({
 
   return (
     <>
-      <div className="relative z-10 flex w-full items-center justify-center sm:h-[120px]">
+      <div
+        className={cx(
+          className,
+          "relative z-10 flex w-full items-center justify-center sm:h-[120px]",
+        )}
+      >
         <nav
           className="flex h-full w-full items-center justify-between gap-x-4 overflow-hidden px-0"
           aria-label="Global"