@boomerang-io/carbon-addons-boomerang-react
Version:
Carbon Addons for Boomerang apps
27 lines (24 loc) • 1.46 kB
JavaScript
import React from 'react';
import { Edit } from '@carbon/react/icons';
import ModalConfirmDetails from './ModalConfirmDetails.js';
import ModalConfirmArray from './ModalConfirmArray.js';
import { prefix } from '../../internal/settings.js';
/*
IBM Confidential
694970X, 69497O0
© Copyright IBM Corp. 2022, 2024
*/
const TYPES = {
DETAILS: "details",
ARRAY: "array",
};
function ModalConfirmEdit({ items, onEdit, style, title = "Confirm Your Details", type = "details", ...rest }) {
return (React.createElement("div", { className: `${prefix}--bmrg-modal-confirm-edit`, style: style, ...rest },
React.createElement("p", { className: `${prefix}--bmrg-modal-confirm-edit__title` }, title),
React.createElement("section", { className: `${prefix}--bmrg-modal-confirm-edit__section` },
React.createElement("div", { className: `${prefix}--bmrg-modal-confirm-edit__content` },
type === TYPES.DETAILS ? (React.createElement(ModalConfirmDetails, { items: items })) : type === TYPES.ARRAY ? (React.createElement(ModalConfirmArray, { items: items })) : null,
typeof onEdit === "function" && (React.createElement("button", { className: `${prefix}--bmrg-modal-confirm-edit__button`, onClick: onEdit },
React.createElement(Edit, { size: 16, className: `${prefix}--bmrg-modal-confirm-edit__icon`, title: "Edit" })))))));
}
export { ModalConfirmEdit as default };