import React, { ReactNode } from 'react'
import { containerMaxW } from '../config'
import Logo from './Logo'
import Link from 'next/link'

type Props = {
  children?: ReactNode
}

export default function FooterBar({ children }: Props) {
  const year = new Date().getFullYear()

  return (
    <footer className={`py-2 px-6 ${containerMaxW}`}>
      <div className="block md:flex items-center justify-between">
        <div className="text-center md:text-left mb-6 md:mb-0">
          <b>
            &copy;{year},{` `}
            <Link href="/">
              Floresoftware Ideas
            </Link>
            .
          </b>
          {` `}
          {children}
        </div>

          <div className="flex item-center md:py-2 gap-4">
              <Link href="/" aria-label="Floresoftware Ideas">
                  <Logo className="h-9 w-28 rounded-xl object-cover object-center md:h-7 md:w-24" />
              </Link>
          </div>
      </div>
    </footer>
  )
}
