'use client'
import type { FC } from 'react'
import classNames from '@/utils/classnames'
import { useSelector } from '@/context/app-context'

type LogoSiteProps = {
  className?: string
}

const LogoSite: FC<LogoSiteProps> = ({
  className,
}) => {
  const { theme } = useSelector((s) => {
    return {
      theme: s.theme,
    }
  })

  const src = theme === 'light' ? '/logo/logo-site.png' : `/logo/logo-site-${theme}.png`
  return (
    <div>
      <img
        src={src}
        style={{display:'unset'}}
        className={classNames('w-auto h-10', className)}
        alt='logo'
      />

      <span className={classNames('w-auto', className)}
        style={{ fontWeight: 'bold', fontSize: '20px', letterSpacing: '1px' }}>
        智脑网络云平台
      </span>
    </div>


  )
}

export default LogoSite
