---
import { SITE_TITLE, SITE_EMAIL } from "../consts"
const { theme } = Astro.props
import { SITE_NAME } from "../consts"
const date = new Date()
const year = date.getFullYear();

---

  <div class:list={["footer-main", { "footer-dark": theme === "dark" }]}>
    <div class="content-body footer-wrapper">
      <div class="footer-box">
        <div class="foot-nav">
          <div class="foot-nav-items">
            <div class="item">
              <div class="logo">{SITE_TITLE}</div>
              <div class="email">Email: {SITE_EMAIL}</div>
            </div>

            <div class="item products">
              <div class="item-title">作品</div>
              <a href="/" target="_blank">本站</a>
              <a href="https://repair.nbtca.space" target="_blank">维修管理</a>
            </div>

            <div class="item community">
              <div class="item-title">社媒</div>
              <a href="https://github.com/nbtca" target="_blank">Github</a>
            </div>

            <div class="item resources">
              <div class="item-title">友链</div>
              <a href="https://www.cnblogs.com/N3ptune">N3ptune</a>
            </div>
          </div>
        </div>
        <div class="flex flex-col md:flex-row items-center md:items-end text-sm pt-3 pb-1">
          <div class="">
            &copy; {`2018-${year}  ${SITE_NAME}`}
            <a href="//github.com/austin2035/astro-air-blog">astro-air-blog</a>
          </div>
          <div>
            <a href="https://beian.miit.gov.cn/" target="_blank" class="text-xs ml-2">浙ICP备2021030831号</a>
          </div>
        </div>
      </div>
    </div>
  </div>
