@axos-web-dev/shared-components 0.0.107 → 0.0.108

package/dist/Insight/Featured/CategorySelector.css.d.ts

@@ -0,0 +1,8 @@
+export declare const selector_section: string;
+export declare const selector_link: string;
+export declare const selector_title_link: string;
+export declare const selector_grid_items: string;
+export declare const selector_small_item: string;
+export declare const selector_title: string;
+export declare const selector_grid_content: string;
+export declare const selector_img: string;

package/dist/Insight/Featured/CategorySelector.css.js

@@ -0,0 +1,23 @@
+/* empty css                                                     */
+/* empty css                                       */
+/* empty css                                          */
+/* empty css                                                 */
+/* empty css                                                             */
+var selector_section = "_13y9ptj0";
+var selector_link = "_13y9ptj1";
+var selector_title_link = "_13y9ptj2";
+var selector_grid_items = "_13y9ptj3";
+var selector_small_item = "_13y9ptj4 _1sr2o6v9";
+var selector_title = "_13y9ptj5";
+var selector_grid_content = "_13y9ptj6";
+var selector_img = "_13y9ptj7";
+export {
+  selector_grid_content,
+  selector_grid_items,
+  selector_img,
+  selector_link,
+  selector_section,
+  selector_small_item,
+  selector_title,
+  selector_title_link
+};

package/dist/Insight/Featured/CategorySelector.d.ts

@@ -0,0 +1,13 @@
+import { FeaturedItemProps } from '../../main';
+import { PropsWithChildren } from 'react';
+
+export interface CategorySelectorProps extends PropsWithChildren {
+    id: string;
+    category: string;
+    section: string;
+    subcategory?: string;
+    insights?: FeaturedItemProps[];
+    hideLink?: boolean;
+}
+export declare const CategorySelector: (props: CategorySelectorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InsightItem: (props: FeaturedItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Insight/Featured/CategorySelector.js

@@ -0,0 +1,157 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Chevron } from "../../Chevron/index.js";
+import { title } from "../../IconBillboard/IconBillboard.css.js";
+import "../../icons/ArrowIcon/ArrowIcon.css.js";
+import "../../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                       */
+/* empty css                                          */
+/* empty css                                                           */
+/* empty css                                                       */
+import ClockIcon from "../../icons/Clock/index.js";
+import "../../utils/allowedAxosDomains.js";
+/* empty css                                                 */
+/* empty css                                                 */
+import clsx from "clsx";
+import "../../Interstitial/Interstitial-variants.css.js";
+import "../../Chevron/Chevron.css.js";
+import "../../Accordion/Accordion.js";
+import "../../Accordion/Accordion.css.js";
+import "../../AlertBanner/AlertBanner.css.js";
+import "../../Article/Article.css.js";
+import "../../ArticlesSet/ArticlesSet.css.js";
+import "react";
+import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../../Button/Button.css.js";
+import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../../Table/Table.css.js";
+import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
+import "@hookform/resolvers/zod";
+import "../../Input/Checkbox.js";
+import "../../Input/CurrencyInput.js";
+import "../../Input/Dropdown.js";
+/* empty css                                          */
+import "../../Input/Input.js";
+import "../../Input/Input.css.js";
+import "../../Input/InputAmount.js";
+import "../../Input/InputPhone.js";
+import "../../Input/InputTextArea.js";
+import "react-hook-form";
+import "../../Forms/Forms.css.js";
+import "../../Forms/SalesforceFieldsForm.js";
+import "../../LoadingIndicator/LoadingIndicator.css.js";
+import "react-use";
+import "../../Input/RadioButton.js";
+import "iframe-resizer";
+import "../../Calculators/calculator.css.js";
+/* empty css                                                                                       */
+import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+/* empty css                                                     */
+/* empty css                                                 */
+/* empty css                                                           */
+import "../../Carousel/index.js";
+import "../../Hyperlink/Hyperlink.css.js";
+/* empty css                                                                           */
+import "../../Comparison/Comparison.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
+import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/SelectionBanner.css.js";
+import "../../SetContainer/SetContainer.css.js";
+import "../../Tab/Tab.css.js";
+import "../../icons/Star/Star.css.js";
+import "../../ContentBanner/ContentBanner.css.js";
+/* empty css                                                     */
+import "../../ExecutiveBio/ExecutiveBio.css.js";
+import "../../FaqAccordion/index.js";
+import "../../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                                */
+import "../../ImageBillboard/ImageBillboard.css.js";
+import { featured_maingrid_img, featured_maingrid_item, featured_center_vertical } from "./Featured.css.js";
+import "../../LandingPageHeader/LandingPageHeader.css.js";
+/* empty css                                                             */
+/* empty css                                                                */
+/* empty css                                                                     */
+/* empty css                                                                        */
+/* empty css                                                          */
+import "next/image.js";
+import "next/link.js";
+import "next/navigation.js";
+/* empty css                                                             */
+/* empty css                                                              */
+import "../../PageNavItem/PageNavItem.css.js";
+import "lodash";
+import "react-slick";
+/* empty css                                                      */
+/* empty css                                                */
+/* empty css                                                           */
+/* empty css                                                         */
+import "../../StepItem/StepItem.css.js";
+import "../../StepItemSet/StepItemSet.css.js";
+/* empty css                                               */
+/* empty css                                                         */
+/* empty css                                                       */
+/* empty css                                               */
+/* empty css                                                     */
+/* empty css                                       */
+import "../../Modal/contextApi/store.js";
+import { selector_section, selector_link, selector_title_link, selector_grid_items, selector_small_item, selector_img, selector_grid_content, selector_title } from "./CategorySelector.css.js";
+const CategorySelector = (props) => {
+  const {
+    id,
+    section,
+    category,
+    subcategory,
+    insights,
+    children,
+    hideLink = false
+  } = props;
+  const url = subcategory !== void 0 ? `/${section}/insights/${category}/${subcategory}` : `/${section}/insights/${category}/`;
+  return /* @__PURE__ */ jsx("section", { id, className: clsx(selector_section), children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
+    !hideLink && /* @__PURE__ */ jsxs("div", { className: clsx(selector_link), children: [
+      /* @__PURE__ */ jsx("a", { href: url, className: clsx(selector_title_link), children: subcategory !== void 0 ? subcategory : category }),
+      /* @__PURE__ */ jsx(
+        Chevron,
+        {
+          targetUrl: url,
+          variant: "primary",
+          children: `See More ${category} Articles`
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: clsx(selector_grid_items), children: typeof insights !== "undefined" ? insights.map((item) => /* @__PURE__ */ jsx(
+      InsightItem,
+      {
+        id: item.id,
+        image: item.image,
+        readingTime: item.readingTime,
+        title: item.title,
+        url: item.url
+      },
+      item.id
+    )) : children })
+  ] }) });
+};
+const InsightItem = (props) => {
+  const { id, image, readingTime, title: itemTitle, url } = props;
+  return /* @__PURE__ */ jsxs("a", { id, href: url, className: clsx(selector_small_item), children: [
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: image?.url,
+        alt: image?.alt,
+        className: clsx(featured_maingrid_img, selector_img)
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: clsx(featured_maingrid_item, selector_grid_content), children: [
+      /* @__PURE__ */ jsx("h2", { className: clsx(title({ variant: "primary" }), selector_title), children: itemTitle ?? "" }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(ClockIcon, { className: clsx(featured_center_vertical) }),
+        " ",
+        /* @__PURE__ */ jsx("span", { className: clsx(featured_center_vertical), children: (readingTime ?? "0") + " minutes" })
+      ] })
+    ] })
+  ] });
+};
+export {
+  CategorySelector,
+  InsightItem
+};

package/dist/Insight/Featured/Featured.css.d.ts

@@ -0,0 +1,13 @@
+export declare const featured_section: string;
+export declare const featured_title: string;
+export declare const featured_supertag: string;
+export declare const featured_grid: string;
+export declare const featured_subgrid: string;
+export declare const featured_subgrid_item: string;
+export declare const featured_subgrid_title: string;
+export declare const featured_subgrid_divider: string;
+export declare const featured_center_vertical: string;
+export declare const featured_maingrid: string;
+export declare const featured_maingrid_img: string;
+export declare const featured_maingrid_item: string;
+export declare const featured_maingrid_title: string;

package/dist/Insight/Featured/Featured.css.js

@@ -0,0 +1,30 @@
+/* empty css                                                 */
+/* empty css                                                     */
+var featured_section = "_1sr2o6v0";
+var featured_title = "_1sr2o6v1";
+var featured_supertag = "_1sr2o6v2";
+var featured_grid = "_1sr2o6v3";
+var featured_subgrid = "_1sr2o6v4";
+var featured_subgrid_item = "_1sr2o6v5";
+var featured_subgrid_title = "_1sr2o6v6";
+var featured_subgrid_divider = "_1sr2o6v7";
+var featured_center_vertical = "_1sr2o6v8";
+var featured_maingrid = "_1sr2o6v9";
+var featured_maingrid_img = "_1sr2o6va";
+var featured_maingrid_item = "_1sr2o6vb";
+var featured_maingrid_title = "_1sr2o6vc";
+export {
+  featured_center_vertical,
+  featured_grid,
+  featured_maingrid,
+  featured_maingrid_img,
+  featured_maingrid_item,
+  featured_maingrid_title,
+  featured_section,
+  featured_subgrid,
+  featured_subgrid_divider,
+  featured_subgrid_item,
+  featured_subgrid_title,
+  featured_supertag,
+  featured_title
+};

package/dist/Insight/Featured/Featured.d.ts

@@ -0,0 +1,25 @@
+import { QuaternaryTypes } from '../../utils';
+import { ReactNode } from 'react';
+
+export interface InsightProps {
+    id: string;
+    variant: QuaternaryTypes;
+    headline?: ReactNode;
+    description?: ReactNode;
+    featured: FeaturedItemProps[];
+}
+export interface FeaturedItemProps {
+    id?: string;
+    url?: string;
+    image?: {
+        url: string;
+        alt: string;
+    };
+    title?: ReactNode;
+    supertag?: ReactNode;
+    readingTime?: string;
+}
+export declare const FeaturedItem: (props: FeaturedItemProps & {
+    variant: QuaternaryTypes;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Featured: (props: InsightProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Insight/Featured/Featured.js

@@ -0,0 +1,179 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { title } from "../../IconBillboard/IconBillboard.css.js";
+import "../../icons/ArrowIcon/ArrowIcon.css.js";
+import "../../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                       */
+/* empty css                                          */
+/* empty css                                                           */
+/* empty css                                                       */
+import ClockIcon from "../../icons/Clock/index.js";
+import "../../utils/allowedAxosDomains.js";
+import { getVariant } from "../../utils/getVariant.js";
+/* empty css                                                 */
+/* empty css                                                 */
+import "../../Accordion/Accordion.js";
+import "../../Accordion/Accordion.css.js";
+import "../../AlertBanner/AlertBanner.css.js";
+import "../../Article/Article.css.js";
+import "../../ArticlesSet/ArticlesSet.css.js";
+import "../../Button/Button.css.js";
+import "react";
+import "react-use";
+import "../../Interstitial/Interstitial-variants.css.js";
+import "../../Chevron/Chevron.css.js";
+/* empty css                                       */
+import "../../Modal/contextApi/store.js";
+import clsx from "clsx";
+import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../../Table/Table.css.js";
+import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
+import "@hookform/resolvers/zod";
+import "../../Input/Checkbox.js";
+import "../../Input/CurrencyInput.js";
+import "../../Input/Dropdown.js";
+/* empty css                                          */
+import "../../Input/Input.js";
+import "../../Input/Input.css.js";
+import "../../Input/InputAmount.js";
+import "../../Input/InputPhone.js";
+import "../../Input/InputTextArea.js";
+import "react-hook-form";
+import "../../Forms/Forms.css.js";
+import "../../Forms/SalesforceFieldsForm.js";
+import "../../LoadingIndicator/LoadingIndicator.css.js";
+import "../../Input/RadioButton.js";
+import "iframe-resizer";
+import "../../Calculators/calculator.css.js";
+/* empty css                                                                                       */
+import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+/* empty css                                                     */
+/* empty css                                                 */
+/* empty css                                                           */
+import "../../Carousel/index.js";
+import "../../Hyperlink/Hyperlink.css.js";
+/* empty css                                                                           */
+import "../../Comparison/Comparison.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
+import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/SelectionBanner.css.js";
+import { set_container } from "../../SetContainer/SetContainer.css.js";
+import "../../Tab/Tab.css.js";
+import "../../icons/Star/Star.css.js";
+import "../../ContentBanner/ContentBanner.css.js";
+/* empty css                                                     */
+import "../../ExecutiveBio/ExecutiveBio.css.js";
+import "../../FaqAccordion/index.js";
+import "../../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                                */
+import { supertag } from "../../ImageBillboard/ImageBillboard.css.js";
+/* empty css                                                     */
+/* empty css                                                             */
+import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_section, featured_title, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_subgrid, featured_subgrid_divider } from "./Featured.css.js";
+import "../../LandingPageHeader/LandingPageHeader.css.js";
+/* empty css                                                             */
+/* empty css                                                                */
+/* empty css                                                                     */
+/* empty css                                                                        */
+/* empty css                                                          */
+import "next/image.js";
+import "next/link.js";
+import "next/navigation.js";
+/* empty css                                                             */
+/* empty css                                                              */
+import "../../PageNavItem/PageNavItem.css.js";
+import "lodash";
+import "react-slick";
+/* empty css                                                      */
+/* empty css                                                */
+/* empty css                                                           */
+/* empty css                                                         */
+import "../../StepItem/StepItem.css.js";
+import "../../StepItemSet/StepItemSet.css.js";
+/* empty css                                               */
+/* empty css                                                         */
+/* empty css                                                       */
+/* empty css                                               */
+/* empty css                                                     */
+const FeaturedItem = (props) => {
+  const {
+    url,
+    readingTime,
+    supertag: supertagText,
+    title: featureItemTitle,
+    variant: fullVariant
+  } = props;
+  const variant = getVariant(fullVariant);
+  return /* @__PURE__ */ jsxs("a", { href: url ?? "/", className: featured_subgrid_item, children: [
+    /* @__PURE__ */ jsx("h3", { className: clsx(supertag({ variant }), featured_supertag), children: supertagText ?? "" }),
+    /* @__PURE__ */ jsx("h2", { className: clsx(featured_subgrid_title, title({ variant })), children: featureItemTitle ?? "" }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(ClockIcon, { className: clsx(featured_center_vertical) }),
+      " ",
+      /* @__PURE__ */ jsx("span", { className: clsx(featured_center_vertical), children: (readingTime ?? "0") + " minutes" })
+    ] })
+  ] });
+};
+const Featured = (props) => {
+  const { id, variant: fullVariant, featured, headline } = props;
+  const variant = getVariant(fullVariant);
+  const [main, ...restFeatured] = featured;
+  console.log(main);
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      id,
+      className: clsx(featured_section, set_container({ variant })),
+      children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
+        /* @__PURE__ */ jsx("h2", { className: clsx(featured_title), children: headline }),
+        /* @__PURE__ */ jsxs("div", { className: clsx(featured_grid), children: [
+          /* @__PURE__ */ jsxs("a", { href: main?.url, className: clsx(featured_maingrid), children: [
+            /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: main?.image?.url,
+                alt: main?.image?.alt,
+                className: clsx(featured_maingrid_img)
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: clsx(featured_maingrid_item), children: [
+              /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  className: clsx(
+                    title({ variant: "primary" }),
+                    featured_maingrid_title
+                  ),
+                  children: main?.title ?? ""
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(ClockIcon, { className: clsx(featured_center_vertical) }),
+                " ",
+                /* @__PURE__ */ jsx("span", { className: clsx(featured_center_vertical), children: (main?.readingTime ?? "") + " minutes" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: clsx(featured_subgrid), children: restFeatured.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              FeaturedItem,
+              {
+                variant: variant ?? "tertiary",
+                readingTime: item.readingTime,
+                supertag: item.supertag,
+                title: item.title,
+                url: item.url
+              },
+              item.id
+            ),
+            index < restFeatured.length - 1 && /* @__PURE__ */ jsx("hr", { className: clsx(featured_subgrid_divider) })
+          ] })) })
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  Featured,
+  FeaturedItem
+};

package/dist/Insight/Featured/index.d.ts

@@ -0,0 +1,3 @@
+export * from './CategorySelector';
+export * from './Featured';
+export * from './Featured.css';

package/dist/Insight/Featured/index.js

@@ -0,0 +1,22 @@
+import { CategorySelector, InsightItem } from "./CategorySelector.js";
+import { Featured, FeaturedItem } from "./Featured.js";
+import { featured_center_vertical, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Featured.css.js";
+export {
+  CategorySelector,
+  Featured,
+  FeaturedItem,
+  InsightItem,
+  featured_center_vertical,
+  featured_grid,
+  featured_maingrid,
+  featured_maingrid_img,
+  featured_maingrid_item,
+  featured_maingrid_title,
+  featured_section,
+  featured_subgrid,
+  featured_subgrid_divider,
+  featured_subgrid_item,
+  featured_subgrid_title,
+  featured_supertag,
+  featured_title
+};

package/dist/Insight/index.d.ts

@@ -0,0 +1 @@
+export * from './Featured';

package/dist/Insight/index.js

@@ -0,0 +1,22 @@
+import { CategorySelector, InsightItem } from "./Featured/CategorySelector.js";
+import { Featured, FeaturedItem } from "./Featured/Featured.js";
+import { featured_center_vertical, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Featured/Featured.css.js";
+export {
+  CategorySelector,
+  Featured,
+  FeaturedItem,
+  InsightItem,
+  featured_center_vertical,
+  featured_grid,
+  featured_maingrid,
+  featured_maingrid_img,
+  featured_maingrid_item,
+  featured_maingrid_title,
+  featured_section,
+  featured_subgrid,
+  featured_subgrid_divider,
+  featured_subgrid_item,
+  featured_subgrid_title,
+  featured_supertag,
+  featured_title
+};

package/dist/Modal/Modal.js

@@ -44,7 +44,6 @@ import "../Calculators/calculator.css.js";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                  */
 /* empty css                                              */
-import "next/image.js";
 /* empty css                                              */
 /* empty css                                                        */
 import "../Carousel/index.js";
@@ -64,6 +63,8 @@ import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                             */
 import "../ImageBillboard/ImageBillboard.css.js";
+/* empty css                                                  */
+/* empty css                                                          */
 import "../Interstitial/Interstitial-variants.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "./contextApi/store.js";
@@ -71,8 +72,9 @@ import "./contextApi/store.js";
 /* empty css                                                             */
 /* empty css                                                                  */
 /* empty css                                                                     */
-import "next/link.js";
 /* empty css                                                       */
+import "next/image.js";
+import "next/link.js";
 import "next/navigation.js";
 /* empty css                                                          */
 /* empty css                                                           */
@@ -88,7 +90,6 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                            */
 /* empty css                                                      */
 /* empty css                                                    */
-import "next/script.js";
 /* empty css                                            */
 /* empty css                                                  */
 import { modal, speedbump_background, modal_dialog, modal_content, modal_header, modal_title, modal_subtitle, solid, modal_body, site_link, modal_footer } from "./Modal.css.js";

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -48,7 +48,6 @@ import "../../Calculators/calculator.css.js";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                     */
 /* empty css                                                 */
-import Image from "next/image.js";
 /* empty css                                                           */
 import "../../Carousel/index.js";
 import "../../Hyperlink/Hyperlink.css.js";
@@ -67,17 +66,17 @@ import "../../FaqAccordion/index.js";
 import "../../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                                */
 import "../../ImageBillboard/ImageBillboard.css.js";
+/* empty css                                                     */
+/* empty css                                                             */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                             */
 /* empty css                                                                */
 /* empty css                                                                     */
 /* empty css                                                                        */
-import Link from "next/link.js";
 /* empty css                                                          */
 import styles from "./NavBar.module.js";
 import { subNavItems } from "./NavData.js";
 /* empty css                                                              */
-import { usePathname } from "next/navigation.js";
 import "../../PageNavItem/PageNavItem.css.js";
 import "lodash";
 import "react-slick";
@@ -90,9 +89,11 @@ import "../../StepItemSet/StepItemSet.css.js";
 /* empty css                                               */
 /* empty css                                                         */
 /* empty css                                                       */
-import "next/script.js";
 /* empty css                                               */
 /* empty css                                                     */
+import Image from "next/image.js";
+import Link from "next/link.js";
+import { usePathname } from "next/navigation.js";
 import { sub_nav, dd_media } from "./SubNavbar.css.js";
 function SubNavBar() {
   const pathname = usePathname();