import * as React from 'react' ; import styled from 'styled-components' ; const Wrapper = styled . div `
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
` ; const Text = styled . div `
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
` ; type Props = { children : React . ReactNode ; } ; export const LoadingScreen = ( props ) => ( < Wrapper > < Text > { props . children } < /Text> < /Wrapper>);