Swipe actions

"use client";

import { Archive } from "lucide-react";
import { SwipeActions, SwipeActionsRow } from "@/components/motion/swipe-actions";

export default function Example() {
  return (
    <SwipeActions label="Inbox">
      <SwipeActionsRow label="Weekly report" trailing={[{ label: "Archive", icon: <Archive />, tone: "accent", onSelect: () => {} }]}>
        <p className="px-4 py-3 text-sm">Weekly report</p>
      </SwipeActionsRow>
    </SwipeActions>
  );
}