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="grow">
          <Link href="/" className="underline">
              <Logo className="h-12 w-auto sm:h-14" />
          </Link>
        </div>
        <ul className="flex flex-col gap-2 sm:flex-row sm:items-end ">
          <li>
            <Link href="/privacy" className="underline">
              Datenschutzerklärung
            </Link>
          </li>
          <li>
            <Link href="/impressum" className="underline">
              Impressum
            </Link>
          </li>
        </ul>
      </div>
    </footer>
  )
}