Change history (audit)

"use client";

import { ChangeHistory } from "@waveinno/ui";

export default function ChangeHistoryExample() {
  return (
    <ChangeHistory
      entries={[
        {
          id: "c1",
          actor: { name: "Karim Ahmed", role: "Owner" },
          action: "Published",
          version: "v7",
          at: "Today, 11:40",
          tone: "success",
          note: "Fuel and staff costs went up in September; Banani already charges ৳70.",
          changes: [
            { field: "Car · first hour", from: "৳60", to: "৳70" },
            { field: "Car · each next hour", from: "৳40", to: "৳50" },
            { field: "Daily cap", from: "৳400", to: "৳450" },
          ],
        },
        {
          id: "c2",
          actor: { name: "Nusrat Jahan", role: "Manager" },
          action: "Updated",
          at: "Mon, 16:12",
          changes: [
            { field: "Grace period", from: "15 min", to: "10 min" },
            { field: "Lost ticket fee", to: "৳500" },
          ],
        },
        { id: "c3", actor: { name: "Tania Sultana", role: "Accountant" }, action: "Exported", at: "Sun, 09:30", tone: "neutral", note: "September statement for the auditor." },
        {
          id: "c4",
          actor: { name: "Karim Ahmed", role: "Owner" },
          action: "Created",
          version: "v1",
          at: "12 Jun 2026",
          tone: "accent",
          changes: [
            { field: "Model", to: "Hourly blocks" },
            { field: "Car · first hour", to: "৳50" },
          ],
        },
      ]}
    />
  );
}