mediahub-fe/components/landing-page/dynamic-logo-satker.tsx

"use client";

import Image from "next/image";
import { usePathname } from "next/navigation";

export const DynamicLogoSatker = () => {
  const pathname = usePathname();
  const satker = pathname?.split("/")[3];
  console.log("satker", satker)

  return <div className="p-2">
      {pathname?.includes("/satker") && (
        <img
          src={`/logo/satker/${satker}.png`}
          alt="Logo"
          width={1920}
          height={1080}
          className="object-contain h-[150px] w-[50px]"
        />
      )}
    </div>;
};