import { Box, Typography } from '@mui/material'

interface Props {
  total: number
  verifiedCount: number
  externalCount: number
  futureCount: number
}

export function ResultFeedHeader({ total, verifiedCount, externalCount, futureCount }: Props) {
  return (
    <Box sx={{ bgcolor: 'white', borderBottom: '1px solid #e2e8f0', px: 3, py: 2 }}>
      <Typography variant="h5" sx={{ fontWeight: 700 }} color="text.primary">
        {total} Treffer gefunden
      </Typography>
      <Typography variant="body2" color="text.secondary">
        {verifiedCount} Verified · {externalCount} Extern · {futureCount} Signale
      </Typography>
    </Box>
  )
}
