import type { SiteComponents } from 'mdxui'

export const components: SiteComponents = {
  Site,
  Header,
  Footer,
  LandingPage,
  Page,
  // ... optional components
}

interface SiteProps {
  name: string
  domain?: string
  theme?: 'light' | 'dark' | 'system'
  children: ReactNode
}

interface HeaderProps {
  logo: ReactNode
  nav: NavItem[]
  cta?: { text: string; href: string }
  LinkComponent?: ComponentType<LinkProps>
}

interface FooterProps {
  logo: ReactNode
  links: FooterLinkGroup[]
  social?: SocialLink[]
  copyright?: string
}

interface LandingPageProps {
  children: ReactNode
}

interface PageProps {
  title?: string
  description?: string
  children: ReactNode
}

interface HeroProps {
  title: string
  subtitle?: string
  cta: { text: string; href: string }
  secondaryCta?: { text: string; href: string }
  image?: string
  video?: string
  variant?: 'default' | 'centered' | 'split'
}

interface FeaturesProps {
  title?: string
  description?: string
  features: FeatureItem[]
  variant?: 'grid' | 'list' | 'bento'
  columns?: number
}

interface PricingProps {
  title?: string
  description?: string
  tiers: PricingTier[]
  showToggle?: boolean
}

interface TestimonialsProps {
  title?: string
  testimonials: Testimonial[]
  variant?: 'grid' | 'carousel' | 'masonry'
}

interface CTASectionProps {
  title: string
  description?: string
  cta: { text: string; href: string }
  secondaryCta?: { text: string; href: string }
  variant?: 'simple' | 'split' | 'centered'
}

interface FAQProps {
  title?: string
  items: Array<{ question: string; answer: string }>
  variant?: 'accordion' | 'grid' | 'list'
}

interface BlogProps {
  site?: string
  limit?: number
  layout?: 'grid' | 'list' | 'featured'
  showCategories?: boolean
  posts?: Post[]  // Manual override
}

interface BlogPostProps {
  slug?: string
  post?: Post  // Manual override
  showAuthor?: boolean
  showRelated?: boolean
}

interface DocsProps {
  project?: string
  showSidebar?: boolean
  showToc?: boolean
  showSearch?: boolean
  docs?: Doc[]  // Manual override
}

interface DocsPageProps {
  slug?: string
  doc?: Doc  // Manual override
  showEdit?: boolean
  showLastUpdated?: boolean
}