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

export function FormCard({
  title,
  description,
  children,
  className,
}: {
  title: string;
  description?: string;
  children: React.ReactNode;
  className?: string;
}) {
  return (
    <div className={cn('admin-panel p-6', className)}>
      <div className="mb-5 border-b border-zinc-100 pb-4 dark:border-zinc-800">
        <h2 className="text-[15px] font-semibold tracking-tight text-zinc-900 dark:text-white">{title}</h2>
        {description ? <p className="mt-1 text-[13px] leading-relaxed text-zinc-500 dark:text-zinc-400">{description}</p> : null}
      </div>
      {children}
    </div>
  );
}