'use client';

import { useLocale } from '@/lib/i18n/react';
import { ConstellationHero } from '@/components/ui/layout/HeroSection/ConstellationHero';
import { ManifestoHero } from '@/components/ui/layout/HeroSection/ManifestoHero';
import type { Config } from './config';

/**
 * hero:static-page Component
 * Wraps ConstellationHero or ManifestoHero per variant config.
 * Used on /about, /faq, /contact.
 */
export function Component({ config }: { config: Config; data: unknown }) {
  const { locale } = useLocale();
  const title = config.title[locale] || config.title.he;
  const subtitle = config.subtitle[locale] || config.subtitle.he;

  if (config.variant === 'manifesto') {
    return <ManifestoHero title={title} subtitle={subtitle || undefined} />;
  }

  return <ConstellationHero title={title} subtitle={subtitle || undefined} />;
}