How to use the rebass.Pre function in rebass

import React from 'react'
import styled from 'styled-components'
import * as Rebass from 'rebass'
import { heading, link } from '@compositor/md'

const Pre = styled(Rebass.Pre)({
  borderRadius: '8px'
})

export default {
  ...Rebass,
  h1: heading(props =>
    ),
  h2: heading(props =>

export const Flex = R.Flex
export const Group = R.Group
export const Heading = R.Heading
export const Image = R.Image
export const Input = R.Input
export const Label = R.Label
export const Lead = R.Lead
export const Link = R.Link
export const Measure = R.Measure
export const Message = R.Message
export const Modal = R.Modal
export const NavLink = R.NavLink
export const Overlay = R.Overlay
export const Panel = R.Panel
export const Position = R.Position
export const Pre = R.Pre
export const Progress = R.Progress
export const Provider = R.Provider
export const Radio = R.Radio
export const Relative = R.Relative
export const Root = R.Root
export const Row = R.Row
export const Samp = R.Samp
export const Select = R.Select
export const Slider = R.Slider
export const Small = R.Small
export const Sticky = R.Sticky
export const Subhead = R.Subhead
export const Switch = R.Switch
export const Tab = R.Tab
export const Tabs = R.Tabs
export const Text = R.Text