const AlertContent = styled.div` top: 50%; left: 50%; position: absolute; transform-origin: bottom left; background-color: white; width: 50%; height: 50%; max-width: 200px; max-height: 200px; border-radius: 12px; box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.5); transform: translate(-50%, -50%); `; return ( <> <div style={{ position: 'fixed', top: 0, left: 0, right: 0, bottom: 0, zIndex: 1000, overflow: 'hidden', }} > <AlertContent> {props.__engine.renderComponent( props.component.name, props.component.props )} </AlertContent> </div> </> );