export type CustomToastMessageProps = {
    message: string
}

const CustomToastMessage= ({message}: CustomToastMessageProps): JSX.Element => {
    return (
        <div className="position-fixed bottom-0 end-0 p-3" style={{zIndex: 11}}>
  <div id="liveToast" className="toast hide" role="alert" aria-live="assertive" aria-atomic="true">
    <div className="toast-header">
      <strong className="me-auto">Bootstrap</strong>
      <small>11 mins ago</small>
      <button type="button" className="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
    </div>
    <div className="toast-body">
      {message}
    </div>
  </div>
</div>

    );
}
export default CustomToastMessage;