Inbox Sorted For You

import { Ai54 } from "@/components/beste/piece/ai54";

<Ai54
  title="Inbox"
  actionLabel="Sort for me"
  doneLabel="Sorted"
  rows={[
    {
      "sender": "Bill Evans",
      "avatar": {
        "src": "https://images.unsplash.com/photo-1656337789708-cdf37b07112d?q=80&w=200&h=200&auto=format&fit=crop",
        "alt": "Smiling man in a floral shirt"
      },
      "subject": "Can we move Thursday's install to 9 AM?",
      "label": "Reply today",
      "tone": "primary"
    },
    {
      "sender": "Minnie Riperton",
      "avatar": {
        "src": "https://images.unsplash.com/photo-1578412004177-21321e29f735?q=80&w=200&h=200&auto=format&fit=crop",
        "alt": "Laughing woman in a white top"
      },
      "subject": "Invoice 1042 from Northwind Supply",
      "label": "Invoice",
      "tone": "amber"
    },
    {
      "sender": "Joan Baez",
      "avatar": {
        "src": "https://images.unsplash.com/photo-1605993439219-9d09d2020fa5?q=80&w=200&h=200&auto=format&fit=crop",
        "alt": "Woman holding a coffee cup"
      },
      "subject": "Thank you, the new shelves look lovely",
      "label": "Answered",
      "tone": "emerald"
    },
    {
      "sender": "Tracy Chapman",
      "avatar": {
        "src": "https://images.unsplash.com/photo-1621983266286-09645be8fd01?q=80&w=200&h=200&auto=format&fit=crop",
        "alt": "Woman with short hair under a blue sky"
      },
      "subject": "Lumen newsletter, October edition",
      "label": "Filed",
      "tone": "muted"
    }
  ]}
  summary="1 email needs you today. The other 3 are handled."
  framed={true}
  stepMs={850}
/>