import React from 'react'

import { Container } from './styles'

/*
  When you need to increase the spacing between one
  component and another, but you cannot change its
  internal property because it would affect other
  components or screens. Use this component.
*/

interface SpacingProps {
  height?: number
  width?: number
  h?: number
  w?: number
  percentage?: boolean
}
const Spacing = ({
  height = 0,
  width = 0,
  h = 0,
  w = 0,
  percentage = false,
}: SpacingProps) => {
  return <Container h={h || height} w={w || width} percentage={percentage} />
}

export default Spacing
