import React from 'react'
import styles from './index.module.scss'
import { ArrowRightOutlined } from '@ant-design/icons'
import { baseURL } from '@/utils/http'

type Props = {
  clickSon: () => void
  txt: string
}

function NextPage({ clickSon, txt }: Props) {
  return (
    <div className={styles.NextPage}>
      <img className='NPimg' src={`${baseURL}visit/btn.png`} alt='' />
      <div className='NPdiv' onClick={clickSon}>
        {txt}
        <ArrowRightOutlined />
      </div>
    </div>
  )
}

const MemoNextPage = React.memo(NextPage)

export default MemoNextPage
