import { Icons } from "@/components/ui/icons";
import { HTMLAttributeAnchorTarget } from "react";

export type {
  About,
  Banner,
  Feature,
  FeatureCards,
  FeatureList,
  Footer,
  FooterItem,
  FrequentlyAskedQuestionItem,
  FrequentlyAskedQuestions,
  Hero,
  Highlights,
  Member,
  Navbar,
  NavbarItem,
  Newsletter,
  Partner,
  Partners,
  Pricing,
  PricingCard,
  Social,
  Stat,
  Team,
  Testimonial,
  Testimonials,
};

type Hero = Section<{ pretitle: string; title: string; subtitle: string; curlyText: string; primaryButtonText: string; secondaryButtonText: string; cards: { [key: string]: any } }>;
type Partners = Section<{ partners: Partner[] }>;
type About = Section<{ stats: Stat[]; aboutImage: string }>;
type Highlights = Section<{ features: Feature[] }>;
type FeatureCards = Section<{ tags: string[]; features: Feature[] }>;
type FeatureList = Section<{ features: Feature[]; featureImage: string }>;
type Banner = Section<{ primaryButtonText: string; onPrimaryButtonClick: () => void; secondaryButtonText: string; onSecondaryButtonClick: () => void }>;
type Testimonials = Section<{ testimonials: Testimonial[] }>;
type Team = Section<{ members: Member[] }>;
type Pricing = Section<{ plans: PricingCard[] }>;
type Newsletter = Section<{ buttonText: string; curlyText: string; inputPlaceholder: string }>;
type FrequentlyAskedQuestions = Section<{ contactEmail: string; items: FrequentlyAskedQuestionItem[] }>;

interface Navbar {
  leftLinks: NavbarItem[];
  centerLinks: NavbarItem[];
  rightLinks: NavbarItem[];
}

interface Footer {
  brand: [FooterItem];
  [key: string]: FooterItem[];
}

interface NavbarItem {
  href?: string;
  label?: string;
  icon?: keyof typeof Icons;
  target?: HTMLAttributeAnchorTarget;
}

interface Partner {
  name: string;
  logoUrl: string;
}

interface Stat {
  title: string;
  count: number;
}

interface Feature {
  title: string;
  description: string;
  icon: keyof typeof Icons;
}

interface Testimonial {
  name: string;
  userName: string;
  avatarUrl: string;
  description: string;
}

interface Member {
  name: string;
  position: string;
  description: string;
  socials: Social[];
}

interface Social {
  href: string;
  icon: keyof typeof Icons;
}

interface PricingCard {
  planName: string;
  buttonText: string;
  pricePerMonth: string;
  planDescription: string;
  features: React.ReactNode[];
}

interface FrequentlyAskedQuestionItem {
  key: string;
  question: string;
  answer: React.ReactNode;
}

type Section<T extends object> = {
  title: string;
  subtitle: string;
} & T;

interface FooterItem extends NavbarItem {}