'use client'

interface LoadMoreButtonProps {
  hasMore: boolean
  onLoadMore: () => void
}

export default function LoadMoreButton({ hasMore, onLoadMore }: LoadMoreButtonProps) {
  return (
    <>
      {hasMore ? (
        <button onClick={onLoadMore} className="btn-frame n-blue icon">
          もっと見る
          <i className="btn-edit"></i>
        </button>
      ) : (
        <></>
      )}
    </>
  )
}