import React from 'react';
import { GeneratedUI } from './GeneratedUI';
import './app.css';
const model: Omit<React.ComponentProps<typeof GeneratedUI>, 'actions'> = {
  "status": "active",
  "stateHistory": [
    {
      "title": "Started",
      "from": "future",
      "to": "active",
      "at": "2026-01-15T08:00:00Z",
      "reason": "Subscribed to the Starter plan"
    },
    {
      "title": "Payment failed",
      "from": "active",
      "to": "past_due",
      "at": "2026-05-15T08:00:00Z",
      "reason": "Card expired; retrying"
    },
    {
      "title": "Recovered",
      "from": "past_due",
      "to": "active",
      "at": "2026-05-17T08:00:00Z",
      "reason": "New card charged"
    }
  ],
  "allowedTransitions": [],
  "cancelAtPeriodEnd": false,
  "cancellationReasonCode": "",
  "createdAt": "2026-01-15T08:00:00Z",
  "updatedAt": "2026-09-15T08:00:00Z",
  "lastEvent": "payment_received",
  "lastEventAt": "2026-09-15T08:00:00Z",
  "amount": 1900,
  "currency": "EUR",
  "billingInterval": "monthly",
  "paymentStatus": "succeeded",
  "paymentMethodType": "card",
  "prorationAmount": 0,
  "prorationDate": 0,
  "lastPaymentAt": "2026-09-15T08:00:00Z",
  "nextPaymentDueAt": "2026-10-15T08:00:00Z",
  "currentPeriodStart": "2026-09-15T08:00:00Z",
  "currentPeriodEnd": "2026-10-15T08:00:00Z",
  "currentPeriodProgress": 0.5,
  "isArchived": false,
  "archivedAt": null,
  "restoredAt": null,
  "archiveReason": "",
  "archivedBy": "",
  "archiveMetadata": {},
  "restorationMetadata": {},
  "subscriptionId": "sub_lindqvist_starter",
  "planName": "Starter",
  "planCode": "starter-monthly",
  "planInterval": "monthly",
  "customerName": "Lindqvist Bakery",
  "customerEmail": "finance@lindqvist.example",
  "paymentHistory": [
    {
      "at": "2026-01-15T08:00:00Z",
      "amount": 1900
    },
    {
      "at": "2026-02-15T08:00:00Z",
      "amount": 1900
    },
    {
      "at": "2026-03-15T08:00:00Z",
      "amount": 1900
    },
    {
      "at": "2026-04-15T08:00:00Z",
      "amount": 1900
    },
    {
      "at": "2026-05-17T08:00:00Z",
      "amount": 1900
    },
    {
      "at": "2026-06-15T08:00:00Z",
      "amount": 1900
    },
    {
      "at": "2026-07-15T08:00:00Z",
      "amount": 1900
    },
    {
      "at": "2026-08-15T08:00:00Z",
      "amount": 1900
    },
    {
      "at": "2026-08-16T08:00:00Z",
      "amount": 1900
    },
    {
      "at": "2026-08-19T11:30:00Z",
      "amount": -1900
    },
    {
      "at": "2026-09-15T08:00:00Z",
      "amount": 1900
    }
  ]
};
export default function App() { const [message, notice] = React.useState(''); const actions = {"handleCancel": (..._args: unknown[]) => { notice("handleCancel needs your application’s data or navigation handler. No record was changed."); },
"handleDelete": (..._args: unknown[]) => { notice("handleDelete needs your application’s data or navigation handler. No record was changed."); },
"handleEdit": (..._args: unknown[]) => { notice("handleEdit needs your application’s data or navigation handler. No record was changed."); },
"handleViewTimeline": (..._args: unknown[]) => { notice("handleViewTimeline needs your application’s data or navigation handler. No record was changed."); }}; return <main className="screen-app"><p className="sample-notice">Sample data · Connect actions to your application.</p><GeneratedUI {...model} actions={actions} /><p role="status">{message}</p></main>; }