'use client';

export type HeaderBlockDto = {
  style: HeaderBlockStyle;
  links: NavbarItemDto[];
  withLogo: boolean;
  withSignInAndSignUp: boolean;
  withThemeSwitcher: boolean;
  withLanguageSwitcher: boolean;
};

export const HeaderBlockStyles = [{ value: "simple", name: "Simple" }] as const;
export type HeaderBlockStyle = (typeof HeaderBlockStyles)[number]["value"];

export interface NavbarItemDto {
  id?: string;
  title: string;
  path?: string;
  description?: string;
  className?: string;
  items?: NavbarItemDto[];
  target?: undefined | "_blank";
}

export const defaultHeaderBlock: HeaderBlockDto = {
  style: "simple",
  withLogo: true,
  withSignInAndSignUp: true,
  withThemeSwitcher: false,
  withLanguageSwitcher: false,
  links: [
    { path: "/", title: "Product" },
    { path: "/pricing", title: "Pricing" },
    {
      title: "About",
      items: [
        { path: "/contact", title: "front.navbar.contact" },
        { path: "/newsletter", title: "Newsletter" },
      ],
    },
  ],
};