import { Alert, Box, Button } from '@mui/material'
import { RefreshCw } from 'lucide-react'

interface Props {
  error: string
  onRetry?: () => void
}

export function AssistantErrorState({ error, onRetry }: Props) {
  return (
    <Box sx={{ px: 2, py: 1 }}>
      <Alert
        severity="error"
        sx={{ '& .MuiAlert-message': { fontSize: '0.8rem' } }}
        action={
          onRetry ? (
            <Button size="small" onClick={onRetry} startIcon={<RefreshCw size={12} />} sx={{ textTransform: 'none', fontSize: '0.75rem' }}>
              Erneut
            </Button>
          ) : undefined
        }
      >
        {error}
      </Alert>
    </Box>
  )
}