import CONFIG from '../config'
import { siteConfig } from '@/lib/config'

/**
 * 跳转到网页顶部
 * 当屏幕下滑500像素后会出现该控件
 * @param targetRef 关联高度的目标html标签
 * @param showPercent 是否显示百分比
 * @returns {JSX.Element}
 * @constructor
 */
const JumpToTopButton = ({ showPercent = false, percent, className }) => {
  if (!siteConfig('MEDIUM_WIDGET_TO_TOP', null, CONFIG)) {
    return <></>
  }
  return (
    <div
        id="jump-to-top"
        data-aos="fade-up"
        data-aos-duration="300"
        data-aos-once="false"
        data-aos-anchor-placement="top-center"
        className='fixed xl:right-80 right-2 mr-10 bottom-24 z-20'>
        <i className='fas fa-chevron-up cursor-pointer p-2 rounded-full border bg-white dark:bg-hexo-black-gray' onClick={() => { window.scrollTo({ top: 0, behavior: 'smooth' }) }} />
    </div>
  )
}

export default JumpToTopButton
