import { useState } from 'react';
import AlertQueue from '../components/alerts/AlertQueue';
import AlertDetailPanel from '../components/alerts/AlertDetail';

export default function AlertsPage() {
  const [selectedId, setSelectedId] = useState<string | null>(null);

  return (
    <div className="flex h-full">
      <div className="w-2/5 border-r bg-white overflow-hidden">
        <AlertQueue selectedId={selectedId} onSelect={setSelectedId} />
      </div>
      <div className="w-3/5 overflow-hidden">
        <AlertDetailPanel alertId={selectedId} />
      </div>
    </div>
  );
}