import classNames from 'classnames'
import { APP_NAME } from '@/constants/app.constant'
import type { CommonProps } from '@/@types/common'
import { Mode } from '@/@types/theme'

interface LogoProps extends CommonProps {
  type?: 'full' | 'streamline'
  mode?: Mode
  imgClass?: string
  logoWidth?: number | string
}

const LOGO_SRC_PATH = '/img/logo/'

const Logo = (props: LogoProps) => {
  const { type = 'full', mode = 'light', className, imgClass, style, logoWidth = 'auto' } = props

  return (
    <div
      className={classNames('logo', 'my-1', className)}
      style={{
        ...style,
        ...{ width: logoWidth },
      }}
    >
      <img
        className={imgClass}
        src={`${LOGO_SRC_PATH}logo-${mode}-${type}.png`}
        alt={`${APP_NAME} logo`}
      />
    </div>
  )
}

export default Logo