const Toast = styled.div` position: absolute; display: flex; align-items: center; justify-content: center; align-conten: center; bottom: 60px; right: 20px; background-color: red; color: #fff; padding: 16px; border-radius: 8px; z-index: 100; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); line-height:1; `; return ( <> <Toast> <p> {props.toastMessage || "Make sure all required fields are popuplated!"} </p> </Toast> </> );