Load More Button

export function LoadMore({ onClick, loading }) {
  return (
    <div className="flex justify-center py-6">
      <button
        onClick={onClick}
        disabled={loading}
        className="rounded-full border border-slate-300 px-6 py-2 text-sm
          font-semibold text-slate-700 transition hover:border-slate-400
          disabled:opacity-50"
      >
        {loading ? "Loading…" : "Load more"}
      </button>
    </div>
  );
}