import { PortfolioElement } from './portfolio';
import { Social } from './social';

export interface NavItem {
  text: string;
  href: string;
}
export interface MenuHeaderProps extends HeaderProps {
  items?: NavItem[];
  sectionId?: string;
  styling?: PortfolioElement['styling'];
}

export interface ButtonHeaderProps extends HeaderProps {
  buttonText?: string;
  buttonHref?: string;
  sectionId?: string;
  styling?: PortfolioElement['styling'];
}

export interface SocialHeaderProps extends HeaderProps {
  socials?: Social[];
  sectionId?: string;
  styling?: PortfolioElement['styling'];
}

interface HeaderProps {
  logo?: string;
  showThemeToggle?: boolean;
  isPublished?: boolean;
}

export interface MobileMenuProps {
  navItems?: { text: string; href: string }[];
  socials?: Social[];
  buttonText?: string;
  buttonHref?: string;
  showThemeToggle?: boolean;
  color?: string;
  icon?: React.ReactNode;
  styling?: PortfolioElement['styling'];
}
