import styled from 'styled-components' ; export const FallbackPlaceholder = ( { wrapperStyles , placeholderStyles , } ) => ( < FallbackWrapper style = { wrapperStyles } > < FallbackItem style = { placeholderStyles } /> < /FallbackWrapper>); const FallbackWrapper = styled . div `
  width: 100%;
  padding: 1rem;
` ; const FallbackItem = styled . div `
  width: 100%;
  height: 50vh;
  background-color: var(--color-light);
  border-radius: 5px;
  animation: bgfade 1.5s ease infinite;
  @keyframes bgfade {
    0% {
      background-color: var(--color-light);
    }
    50% {
      background-color: var(--color-light-dark);
    }
  }
` ;