'use client'

import { cn } from '@/lib/utils'

interface AnalyticsSectionProps {
  title: string
  description?: string
  children: React.ReactNode
  className?: string
}

export function AnalyticsSection({
  title,
  description,
  children,
  className,
}: AnalyticsSectionProps) {
  return (
    <section className={cn('space-y-4', className)}>
      <div>
        <h2 className="text-lg font-semibold tracking-tight">{title}</h2>
        {description && (
          <p className="text-sm text-muted-foreground">{description}</p>
        )}
      </div>
      <div className="grid gap-4 md:grid-cols-2">{children}</div>
    </section>
  )
}
