import { ReactNode } from 'react'

import { GradientBackground, ImageBackground } from './styled'

type Props = {
  children: ReactNode,
}

export const Background = ({ children }: Props) => (
  <ImageBackground>
    <GradientBackground>
      {children}
    </GradientBackground>
  </ImageBackground>
)