import FButton from "./footer-button";
export default function FooterCard() {
  return (
    <footer className="p-4 space-y-2 rounded-lg ring-2 ring-alice-werefox-grey dark:ring-alice-werefox-grey-darker bg-alice-werefox-grey-lightest dark:bg-alice-werefox-grey-dark">
      <div className="flex text-alice-werefox-red-darker dark:text-alice-werefox-red-light">
        <div className="flex-1"></div>
        <FButton
          url="https://info.werefox.cafe/contacts"
          inner_text="Contact"
          is_external="_blank"
        />
        <FButton
          url="https://gitea.werefox.cafe/ada/werefox-cafe"
          inner_text=" /src"
          is_external="_blank"
        />
        <div className="flex-1"></div>
      </div>
      <div className="text-center text-xs text-alice-werefox-grey-darkest dark:text-alice-werefox-grey-lightest">
        This site uses{" "}
        <div className="inline-block pt-1 pb-1">
          <FButton
            url="https://mutant.tech"
            inner_text="Mutant Standard emoji"
            is_external="_blank"
          />
        </div>
        , which are licensed under a{" "}
        <div className="inline-block pt-1 pb-1">
          <FButton
            url="https://creativecommons.org/licenses/by-nc-sa/4.0/"
            inner_text="Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License"
            is_external="_blank"
          />
        </div>
      </div>
    </footer>
  );
}
