@lstz/reusable-form
Version:
A reusable React component for creating simple, flexible forms.
7 lines (6 loc) • 921 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
function FormSubmitButton({ formattedTitle, isLoading, buttonContent, }) {
const buttonDisplay = isLoading ? (buttonContent.loading.type === 'image' ? (_jsx("img", { src: buttonContent.loading.content, alt: "Loading...", className: `${formattedTitle}-form__button-icon--loading` })) : (buttonContent.loading.content)) : buttonContent.default.type === 'image' ? (_jsx("img", { src: buttonContent.default.content, alt: "Submit button", className: `${formattedTitle}-form__button-icon--default` })) : (buttonContent.default.content);
return (_jsx("div", { className: `${formattedTitle}-form__button-container`, children: _jsx("div", { className: `${formattedTitle}-form__button-wrapper`, children: _jsx("button", { type: "submit", className: `${formattedTitle}-form__button`, disabled: isLoading, children: buttonDisplay }) }) }));
}
export default FormSubmitButton;