// eslint-disable-next-line no-unused-vars
function Footer() {
  return (
    <footer className="text-sm p-4 bg-base-300 text-base-content">
      {/* eslint-disable-next-line react/jsx-one-expression-per-line */}
      <p>Pet images created using <a href="https://www.craiyon.com/" className="link hover:bg-secondary">Craiyon</a></p>
    </footer>
  );
}