import "../atomic-icon/atomic-icon.js";
import { html } from "lit";
import search_slim from "../../../images/search-slim.js";
import { renderButton } from "../button.js";
const renderSubmitButton = ({ props })=>{
    const { i18n, disabled, onClick } = props;
    return html`<div
    part="submit-button-wrapper"
    class="mr-2 flex items-center justify-center py-2"
  >
    ${renderButton({
        props: {
            style: 'text-primary',
            class: 'flex h-8 w-8 shrink-0 items-center justify-center rounded-full',
            part: 'submit-button',
            ariaLabel: i18n.t('search'),
            onClick: ()=>{
                onClick?.();
            },
            disabled
        }
    })(html`<atomic-icon
        part="submit-icon"
        icon=${search_slim}
        class="h-4 w-4"
      ></atomic-icon>`)}
  </div>`;
};
export { renderSubmitButton };
