"use client"

import { ChevronUp } from "lucide-react"
import { Button } from "@/components/ui/button"

export function Footer() {
  const scrollToTop = () => {
    window.scrollTo({ top: 0, behavior: "smooth" })
  }

  return (
    <footer className="bg-background border-t border-border">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
        <div className="flex flex-col md:flex-row items-center justify-between space-y-4 md:space-y-0">
          {}
          <div className="text-muted-foreground text-sm">© 2025 MEDI Connect</div>

          {}
          <nav className="flex items-center space-x-8">
            <a href="#" className="text-muted-foreground hover:text-primary transition-colors text-sm">
              Termos
            </a>
            <a href="#" className="text-muted-foreground hover:text-primary transition-colors text-sm">
              Privacidade (LGPD)
            </a>
            <a href="#" className="text-muted-foreground hover:text-primary transition-colors text-sm">
              Ajuda
            </a>
          </nav>

          {}
          <Button
            variant="outline"
            size="sm"
            onClick={scrollToTop}
            className="rounded-full w-10 h-10 p-0 border-primary text-primary hover:bg-primary hover:text-primary-foreground bg-transparent"
            aria-label="Voltar ao topo"
          >
            <ChevronUp className="w-4 h-4" />
          </Button>
        </div>
      </div>
    </footer>
  )
}