import { Alert, Typography } from '@mui/material'
import { AlertCircle } from 'lucide-react'

interface SourceErrorPanelProps {
  errorState: string
}

export function SourceErrorPanel({ errorState }: SourceErrorPanelProps) {
  return (
    <Alert
      severity="error"
      icon={<AlertCircle size={16} />}
      sx={{ mb: 2, fontSize: '0.8rem', '& .MuiAlert-message': { width: '100%' } }}
    >
      <Typography variant="caption" sx={{ fontWeight: 600, display: 'block', mb: 0.25 }}>
        Fehlerzustand
      </Typography>
      <Typography variant="caption" sx={{ lineHeight: 1.4 }}>
        {errorState}
      </Typography>
    </Alert>
  )
}