Anomaly Card

import { AnomalyCard } from '@/blocks/monitoring/anomaly-card'

export default function Example() {
  return (
    <AnomalyCard
      severity="critical"
      title="Unusually high task volume detected"
      description="You have 18 tasks due this week, 3x your typical workload."
      anomalyType="spike"
      metrics={{
        'This Week': '18 tasks',
        'Typical': '6 tasks',
        'Increase': '3x normal',
        'High Priority': '8 tasks',
      }}
      impact="High risk of burnout and missed deadlines."
      recommendation="Consider rescheduling lower-priority tasks."
      onInvestigate={() => console.log('Investigating')}
      onAcknowledge={() => console.log('Acknowledged')}
      onDismiss={() => console.log('Dismissed')}
    />
  )
}