"use client"

import { Button } from "@/components/ui/button"
import { Share2 } from "lucide-react"
import { useToast } from "@/components/ui/use-toast"

export function ShareButton() {
  const { toast } = useToast()

  const handleShare = async () => {
    try {
      await navigator.clipboard.writeText(window.location.href)
      toast({
        description: "Link copied to clipboard!",
      })
    } catch (err) {
      toast({
        variant: "destructive",
        description: "Failed to copy link.",
      })
    }
  }

  return (
    <Button variant="ghost" size="icon" onClick={handleShare}>
      <Share2 className="h-5 w-5" />
    </Button>
  )
}