spdniloy/anycoder-380d34cb

1import { Receipt } from 'lucide-react';2 3export default function EmptyState({ onAddTransaction }) {4  return (5    <div className="text-center py-16">6      <div className="inline-flex items-center justify-center w-16 h-16 bg-neutral-100 rounded-full mb-4">7        <Receipt className="w-8 h-8 text-neutral-400" />8      </div>9      <h3 className="text-lg font-medium text-neutral-800 mb-2">10        No transactions yet11      </h3>12      <p className="text-neutral-500 mb-6 max-w-sm mx-auto">13        Start tracking your income and expenses to see your profit overview here.14      </p>15      <div className="flex gap-3 justify-center">16        <button onClick={() => onAddTransaction('income')} className="btn-success">17          Add Income18        </button>19        <button onClick={() => onAddTransaction('expense')} className="btn-danger">20          Add Expense21        </button>22      </div>23    </div>24  );25}