/**
 * EmptySection — SectionWrapper + EmptyState 조합.
 * 섹션 전체가 비었을 때 사용. 서브섹션은 `EmptyState` 단독 사용.
 */
import { SectionWrapper } from './SectionWrapper';
import { EmptyState } from '@/shared/ui/empty-state';

interface EmptySectionProps {
  id: string;
  title: string;
  subtitle?: string;
  hint?: string;
}

export function EmptySection({ id, title, subtitle, hint }: EmptySectionProps) {
  return (
    <SectionWrapper id={id} title={title} subtitle={subtitle}>
      <EmptyState size="lg" hint={hint} />
    </SectionWrapper>
  );
}
