// @design-system: layout/HeroSection
import { cn } from '@/lib/cn';

export interface HeroSectionProps {
  className?: string;
  children: React.ReactNode;
}

export function HeroSection({ className, children }: HeroSectionProps) {
  return (
    <section className={cn('relative overflow-hidden bg-[var(--color-surface-app)]', className)}>
      {children}
    </section>
  );
}