import { useAppContext } from '../context/AppContext';
import { AlertFeed } from '../components/AlertFeed';

export function AlertsView() {
  const { botState } = useAppContext();
  return (
    <div>
      <h2 style={{ fontSize: 22, fontWeight: 800, color: '#111827', margin: '0 0 20px' }}>Alerts</h2>
      <AlertFeed alerts={botState.alerts} />
    </div>
  );
}
