import { html } from "lit";
import { renderButton } from "../../button.js";
const renderModalFooter = ({ props: { formId, i18n, onClick } })=>html`<div part="buttons" slot="footer" class="flex justify-end gap-2">
    ${renderButton({
        props: {
            part: 'cancel-button',
            style: 'outline-neutral',
            class: 'text-primary flex justify-center p-2 text-sm leading-4',
            onClick
        }
    })(html`${i18n.t('cancel')}`)}
    ${renderButton({
        props: {
            part: 'submit-button',
            style: 'primary',
            type: 'submit',
            form: formId,
            class: 'flex justify-center p-2 text-sm leading-4'
        }
    })(html`${i18n.t('feedback-send')}`)}
  </div>`;
export { renderModalFooter };
