"use client";

import FooterContent from "./content";

const Content = FooterContent;

export default function Footer() {
  return (
    <footer
      className={`
        row-start-3
        flex
        flex-wrap
        items-center
        justify-center
        overflow-x-auto
      `}
      style={{
        position: "fixed",
        left: "0",
        bottom: "0",
        width: "100%",
        height: "24px",
        textAlign: "center",
        backgroundColor: "var(--background)",
      }}
    >
      <Content
        name="ホーム"
        icon="material-symbols:home"
        link="/"
        target=""
      />
      <Content
        name="開発者"
        icon="material-symbols:terminal"
        link="/developers/"
        target=""
      />
      <Content
        name="ソースコード"
        icon="simple-icons:gitea"
        link="https://gitea.last2014.com/last2014/uwuzu_light_client"
        target="_blank"
      />
      <Content
        name="ライセンス"
        icon="material-symbols:license"
        link="/license/"
        target=""
      />
    </footer>
  );
}
