'use client';

import * as React from 'react';
import { BlogCarousel } from './BlogCarousel';

interface Article {
  slug: string;
  title: string;
  cardImage: string | null;
  excerpt: string | null;
  category: string | null;
}

interface HeroSectionProps {
  recentArticles: Article[];
}

export function HeroSection({ recentArticles }: HeroSectionProps) {
  return (
    <section className="bg-[#1A1A1F] py-12 md:py-16">
      <div className="container">
        {/* Blog Carousel with 5 recent articles */}
        <BlogCarousel articles={recentArticles} autoRotateInterval={5000} />
      </div>
    </section>
  );
}
