@lstz/reusable-form
Version:
A reusable React component for creating simple, flexible forms.
21 lines (20 loc) • 1.26 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
/**
* Composant FormFooter : Affiche un texte et/ou lien en bas du formulaire
*
* @param {Object} props - Les propriétés du composant
* @param {string} props.formattedTitle - Titre du formulaire formaté pour les classNames CSS
* @param {Object} props.footerMessage - Texte et lien à afficher
* @param {string} props.footerMessage.type - Type de message (default, error, success, info)
* @param {string} props.footerMessage.text - Texte d'accompagnement
* @param {string} props.footerMessage.linkText - Texte du lien cliquable
* @param {string} props.footerMessage.linkTo - URL vers laquelle redirige le lien
*/
import { NavLink } from "react-router-dom";
function FormFooter({ formattedTitle, footerMessage }) {
const { type, text, linkText, linkTo } = footerMessage;
if (type === "none")
return null;
return (_jsxs("div", { className: `${formattedTitle}-form__link-container--${type}`, children: [text && (_jsx("p", { className: `${formattedTitle}-form__link-message--${type}`, children: text })), linkText && linkTo && (_jsx(NavLink, { className: `${formattedTitle}-form__link--${type}`, to: `${linkTo}`, children: linkText }))] }));
}
export default FormFooter;