import { Box, IconButton, Tooltip } from '@mui/material'
import { Sparkles } from 'lucide-react'
import { useAssistantStore } from '../../stores/assistantStore'

export function GlobalAIAssistantButton() {
  const isOpen = useAssistantStore(s => s.isOpen)
  const open = useAssistantStore(s => s.open)

  return (
    <Tooltip title="AI Assistent öffnen" placement="left">
      <Box
        sx={{
          position: 'fixed',
          bottom: 24,
          right: 24,
          zIndex: 1250,
          display: isOpen ? 'none' : 'flex',
        }}
      >
        <IconButton
          onClick={open}
          sx={{
            width: 48,
            height: 48,
            bgcolor: '#4f46e5',
            color: 'white',
            boxShadow: '0 4px 16px rgba(79,70,229,0.4)',
            '&:hover': { bgcolor: '#4338ca' },
          }}
        >
          <Sparkles size={20} />
        </IconButton>
      </Box>
    </Tooltip>
  )
}