
import React from 'react';

interface EmptyTransactionsProps {
  searchQuery: string;
  selectedMonth: string;
  setSearchQuery: (query: string) => void;
  isDisabled: boolean;
}

const EmptyTransactions: React.FC<EmptyTransactionsProps> = ({
  searchQuery,
  selectedMonth,
  setSearchQuery,
  isDisabled
}) => {
  return (
    <div className="text-center py-10">
      <p className="text-gray-500 mb-3">
        {searchQuery.trim() 
          ? '검색 결과가 없습니다.'
          : `${selectedMonth}에 등록된 지출이 없습니다.`}
      </p>
      {searchQuery.trim() && (
        <button 
          className="text-neuro-income"
          onClick={() => setSearchQuery('')}
          disabled={isDisabled}
        >
          검색 초기화
        </button>
      )}
    </div>
  );
};

export default EmptyTransactions;
