import * as styles from "./Footer.css.ts";

export default function Footer() {
  return (
    <footer className={styles.footer}>
      <div className={styles.details}>
        <p>
          Built with{" "}
          <a
            className={styles.link}
            target="_blank"
            href="https://nextjs.org"
            rel="noreferrer"
          >
            Next.js
          </a>{" "}
          and{" "}
          <a
            className={styles.link}
            target="_blank"
            href="https://vanilla-extract.style/"
            rel="noreferrer"
          >
            Vanilla Extract
          </a>{" "}
        </p>
      </div>
    </footer>
  );
}