import React from 'react'
import styled from 'styled-components'
import { Image, Heading } from '@pancakeswap/uikit'

interface HeaderProp {
  title: string
}

const HeadingDiv = styled(Heading)`
  padding-top: 30px;
  position: relative;
`

const HeaderMian: React.FC<HeaderProp> = ({ title }) => {
  return (
    <HeadingDiv scale="xl" mb="24px" textAlign="center">
      {title}
    </HeadingDiv>
  )
}
export default HeaderMian