Benjamin Sutter
24 lines
653 B
TypeScript
24 lines
653 B
TypeScript
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>
|
|
)
|
|
}
|