/**
 * EmptyStateMolecule
 * 
 * 아토믹 디자인: Molecule
 * 
 * 역할: 데이터가 없을 때 표시되는 빈 상태 UI
 * - 모바일 카드 뷰용
 * - 데스크톱 테이블 뷰용 (TableCell로 렌더링)
 * 
 * 재사용성: 데이터가 없는 모든 목록에서 사용
 */

import { TableCell, TableRow } from "../ui/table";

interface EmptyStateMoleculeProps {
  message?: string;
  colSpan?: number;
  variant?: "card" | "table";
}

export function EmptyStateMolecule({
  message = "검색 결과가 없습니다.",
  colSpan = 1,
  variant = "card",
}: EmptyStateMoleculeProps) {
  if (variant === "table") {
    return (
      <TableRow>
        <TableCell
          colSpan={colSpan}
          className="h-24 text-center"
        >
          {message}
        </TableCell>
      </TableRow>
    );
  }

  return (
    <div className="text-center py-6 text-muted-foreground border rounded-lg">
      {message}
    </div>
  );
}
