Swipe ActionsProv1.0.0

"use client";

import * as React from "react";
import { SwipeActions, type SwipeItem } from "@/components/ui/notchset/swipe-actions";

export function AlertInbox() {
  const [mail, setMail] = React.useState<SwipeItem[]>([
    { id: "1", from: "Relay alerts", initials: "RA", time: "09:12", subject: "Planner p95 over 400ms", snippet: "3 spikes in the last hour", unread: true },
    { id: "2", from: "Maya Kerr", initials: "MK", time: "08:40", subject: "Canary at 5%", snippet: "Looks healthy so far" },
  ]);
  return <SwipeActions items={mail} label="INBOX" caption="ops@relay.dev" onAction={(_id, item) => setMail((m) => m.filter((x) => x.id !== item.id))} />;
}