import React from "react" ; export type SaveConfirmationProps = { content : string ; } ; export const SaveConfirmation = ( props ) => ( < div className = "notification-content" data - test - id = "notification" > { props . content } < /div>); export const saveConfirmationData = { dialogic : { component : SaveConfirmation , className : "demo-notification" , styles : ( domElement ) => { const height = domElement . getBoundingClientRect ( ) . height ; return { default : { transition : "all 350ms ease-in-out" , } , showStart : { transform : `translate3d(0, ${ height }px, 0)` , } , showEnd : { transform : "translate3d(0, 0px,  0)" , transitionDelay : "500ms" , } , hideEnd : { transitionDuration : "450ms" , transform : `translate3d(0, ${ height }px, 0)` , } , } ; } , } , content : "E-mail address updated" , } ;