export interface Logo {
  src: string;
  alt: string;
  className?: string;
}

export interface HeaderData {
  logo: {
    light: Logo;
    dark: Logo;
  };
  navigation: import("./OnepagenavigationData").NavigationItem[];
  headerButtons: {
    searchBtn: {
      href: string;
      ariaLabel: string;
      iconSrc: string;
      iconAlt: string;
    };
    tryForFreeBtn: {
      href: string;
      text: string;
      arrowSrc: string;
      arrowAlt: string;
    };
    hamburgerBtn: {
      ariaLabel: string;
    };
  };
}

import { OnepagenavigationData } from "./OnepagenavigationData";

export const headerData: HeaderData = {
  logo: {
    light: {
      src: "/assets/images/logo.svg",
      alt: "Sasico SaaS Analytics Logo",
      className: "logo light",
    },
    dark: {
      src: "/assets/images/dark-logo.svg",
      alt: "Sasico SaaS Analytics Dark Logo",
      className: "dark",
    },
  },
  navigation: OnepagenavigationData,
  headerButtons: {
    searchBtn: {
      href: "/search",
      ariaLabel: "Search",
      iconSrc: "/assets/images/icon/search.svg",
      iconAlt: "Search Icon",
    },
    tryForFreeBtn: {
      href: "/trial",
      text: "Try for free",
      arrowSrc: "/assets/images/icon/arrow.svg",
      arrowAlt: "Arrow Icon",
    },
    hamburgerBtn: {
      ariaLabel: "Toggle Menu",
    },
  },
};