import { styled, alpha } from '@mui/material'
import appConfig from '@/configs/app'
import type { Theme } from '@mui/material'

const FooterContainer = styled('footer')(({ theme }) => {
  const t = theme as Theme
  return {
    textAlign: 'center',
    fontSize: '12px',
    padding: '6px',
    backgroundColor: `${t.palette.mode === 'dark' ? '#1e1e1e' : '#f0f7ff'}`,
    color: alpha(t.palette.primary.main, 0.7),
  }
})

const YaFooter: React.FC = () => {
  if (!appConfig.footer) {
    return <></>
  }
  return <FooterContainer>{appConfig.footer}</FooterContainer>
}

export default YaFooter
