import { AdSlot } from '@/components/GoogleAdsense'
import Live2D from '@/components/Live2D'
import Announcement from './Announcement'
import Catalog from './Catalog'
import { useEffect } from 'react'

/**
 * 侧边栏
 * @param {*} props
 * @returns
 */
let counter = 0;
export default function SideBar (props) {
  const { notice } = props
  useEffect(()=>{
    console.log('sidebar 渲染次数: ', counter++)
}, [])
  return (<>

        <aside>
            <Catalog {...props} />
        </aside>

        <aside>
            <Live2D />
        </aside>

        <aside>
            <Announcement post={notice} />
        </aside>

        <aside>
            <AdSlot/>
        </aside>

    </>)
}