mirror of
https://github.com/Crosstalk-Solutions/project-nomad.git
synced 2026-04-01 22:39:26 +02:00
18 lines
607 B
TypeScript
18 lines
607 B
TypeScript
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>
|
|
)
|
|
}
|