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 TipDiv = styled(Image)`
  position: absolute;
  cursor: pointer;
  top: 24px;
  left: 0;
`
const HeaderMian: React.FC<HeaderProp> = ({ title }) => {
  return (
    <HeadingDiv scale="xl" mb="24px" textAlign="center">
      {title}
    </HeadingDiv>
  )
}
export default HeaderMian
