CloneModalContainer

Reference

• The CloneModalContainer acts as a styled container for modal content, ensuring consistent layout and dimensions.
• It uses the Box component to provide layout and styling, making it a reusable wrapper for modal dialogs or similar UI elements

Props

• The CloneModalContainer component accepts the following prop:

• children (required):

  • React nodes that represent the content to be displayed inside the modal container.
  • This allows you to pass any JSX elements (e.g., forms, text, buttons) as the modal's content.

Usage Example

const { protrakComponents } = React.useContext(customWidgetContext);
const { CloneModalContainer } = protrakComponents;

  return (
    <CloneModalContainer>
      <h1>Modal Title</h1>
      <p>This is the content of the modal.</p>
    </CloneModalContainer>
  );