"use client";
import React from "react";
import { Icon } from "@iconify/react";

function Footer() {
  return (
    <footer className="bg-gray-300 p-4 overflow-hidden ">
      <div className="container mx-auto flex justify-between">
        <div className="flex flex-row space-x-2">
          <Icon
            icon="material-symbols:factory-outline"
            className="text-xl text-blue-400"
          />
          <p className="text-sm">Littwin Systemtechnik GmbH & Co. KG</p>
        </div>
        <div className="flex flex-row space-x-2">
          <Icon icon="charm:phone" className="text-xl text-blue-400" />
          <p className="text-sm">Telefon: 04402 972577-0</p>
        </div>
        <div className="flex flex-row space-x-2">
          <Icon icon="mdi:email-outline" className="text-xl text-blue-400" />
          <p className="text-sm">kontakt@littwin-systemtechnik.de</p>
        </div>
        <div className="flex flex-row space-x-2">
          <Icon icon="bi:book" className="text-xl text-blue-400" />
          <p className="text-sm">Handbücher</p>
        </div>
      </div>
    </footer>
  );
}

export default Footer;
