leumas-private-shared/src/Metamask/MessageResponse.jsx

Private React JSX Package For Leumas Shared Components, Headers, Footers, Asides, Login Pages, API Key Manager and much more. Styles and everything reusable to avoid DRY code across all of our subdomains

import React from 'react';

const MessageResponse = ({message , messageType}) => {
  return (
    <div
    className={`p-4 rounded text-center font-bold ${
      messageType === 'success' ? 'bg-green-500' : 'bg-red-500'
    }`}
    style={{
      overflowWrap: 'break-word',
      wordWrap: 'break-word',
      overflow: 'hidden',
      maxWidth: '100%', // Assuming you want it to be no wider than its parent container
      maxHeight: '100%' // Adjust accordingly if you want a specific max height
    }}
  >
    {message}
  </div>
  )
}

export default MessageResponse