modale-opc-p14
Version:
A simple modale, or dialog component, built with React and TypeScript
13 lines (12 loc) • 900 B
JavaScript
import * as React from "react";
import "./modale.css";
export function Modale({ title, content, onClose, error, ariaLabel, children }) {
return (React.createElement("div", { className: "modale" },
React.createElement("div", { className: `modale-content ${error ? "modale-content-error" : ""}` },
React.createElement("div", null,
React.createElement("h2", { className: `modale-title ${error ? "modale-title-error" : ""}` }, title),
React.createElement("p", { className: `modale-text ${error ? "modale-text-error" : ""}` }, content)),
React.createElement("div", { className: "modale-actions" },
children,
React.createElement("button", { className: `modale__button ${error ? "modale__button-error" : ""}`, onClick: onClose, "aria-label": ariaLabel, "data-testid": "modaleCloseButton" }, "Close")))));
}