import React from 'react'
import Link from 'next/link'
import Logo from './logo'

export default function Footer() {
  return (
    <footer>
      <div className="flex flex-col sm:flex-row max-w-7xl mx-auto px-4 sm:px-6 my-5">
        <div className="flex-grow">
          <Link href="/">
            <a className="underline">
              <Logo className="h-12 w-auto sm:h-14" />
            </a>
          </Link>
        </div>
        <ul className="flex flex-col gap-2 sm:flex-row sm:items-end ">
          <li>
            <Link href="/privacy">
              <a className="underline">Datenschutzerklärung</a>
            </Link>
          </li>
          <li>
            <Link href="/impressum">
              <a className="underline">Impressum</a>
            </Link>
          </li>
        </ul>
      </div>
    </footer>
  )
}
