import type { ReactNode } from "react";

export type RemoteAppHeaderProps = {
  logoSrc?: string;
  logoAlt?: string;
  title?: ReactNode;
  description?: ReactNode;
  biLogoSrc?: string;
  biLogoAlt?: string;
  biText?: string;
  showBi?: boolean;
  backgroundColor?: string;
  dir?: "rtl" | "ltr" | "auto";
  children?: ReactNode;
};

type AppHeaderSlotProps = {
  children?: ReactNode;
  [key: string]: any;
};

export const AppHeader: ((props: RemoteAppHeaderProps) => any) & {
  BrandSection: (props: AppHeaderSlotProps) => any;
  Logo: (props: AppHeaderSlotProps & { src?: string; alt?: string }) => any;
  Brand: (props: AppHeaderSlotProps) => any;
  Title: (props: AppHeaderSlotProps) => any;
  Description: (props: AppHeaderSlotProps) => any;
  Bi: (
    props: AppHeaderSlotProps & {
      logoSrc?: string;
      src?: string;
      alt?: string;
      text?: string;
    },
  ) => any;
};