How to use the rebass.BackgroundImage function in rebass

&:focus {
    outline: 0;
    color: red;
    box-shadow: none;
    border: 4px solid red;
  }
`

// Rebass default re-exports.
// List created with:
// console.log(Object.keys(R).sort().map((k) => `export const ${k} = R.${k}`).join('\n'))

export const Absolute = R.Absolute
export const Arrow = R.Arrow
export const Avatar = R.Avatar
export const BackgroundImage = R.BackgroundImage
export const Badge = R.Badge
export const Banner = R.Banner
export const Base = R.Base
export const BlockLink = R.BlockLink
export const Blockquote = R.Blockquote
export const Border = R.Border
export const Box = R.Box
// export const Button = R.Button
export const ButtonCircle = R.ButtonCircle
export const ButtonOutline = R.ButtonOutline
export const ButtonTransparent = R.ButtonTransparent
export const CSS = R.CSS
export const Caps = R.Caps
export const Card = R.Card
export const Carousel = R.Carousel
export const Checkbox = R.Checkbox