import { html, nothing } from "lit";
import { renderButton } from "../button.js";
const renderLoadMoreButton = ({ props })=>{
    const { i18n, onClick, moreAvailable, label } = props;
    if (!moreAvailable) return nothing;
    return renderButton({
        props: {
            style: 'primary',
            part: 'load-more-results-button',
            class: 'my-2 p-3 font-bold',
            onClick: ()=>onClick()
        }
    })(html`${i18n.t(label)}`);
};
export { renderLoadMoreButton };
