import { ChatBubbleLeftRightIcon } from '@heroicons/react/24/outline'

interface ChatButtonProps {
  onClick: () => void
}

export default function ChatButton({ onClick }: ChatButtonProps) {
  return (
    <button
      onClick={onClick}
      className="fixed bottom-6 right-6 z-40 p-4 bg-desert-green text-white rounded-full shadow-lg hover:bg-desert-green/90 transition-all duration-200 hover:scale-110 focus:outline-none focus:ring-2 focus:ring-desert-green focus:ring-offset-2 cursor-pointer"
      aria-label="Open chat"
    >
      <ChatBubbleLeftRightIcon className="h-6 w-6" />
    </button>
  )
}