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

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

/** Consistent section shell for page/product drawer content blocks. */
export function DrawerSection({ title, description, children, className }: DrawerSectionProps) {
  return (
    <section className={cn('border-b border-gray-200 px-6 py-5', className)}>
      <div className="mb-4">
        <h3 className="text-base font-semibold text-gray-900">{title}</h3>
        {description && <p className="mt-0.5 text-sm text-gray-500">{description}</p>}
      </div>
      {children}
    </section>
  );
}