AI Approval

"use client";

import Component from "@/components/ui/ai-approval";

export default function DemoOne() {
  return (
    <div className="flex min-h-[440px] w-full items-center justify-center bg-background p-10">
      <div className="w-full max-w-lg space-y-4">
        <Component
          options={[
            { id: "approve", label: "Run it", detail: "Applies all 3 changes" },
            { id: "dry", label: "Dry run first", detail: "Prints the plan only" },
            { id: "cancel", label: "Cancel", destructive: true },
          ]}
          question="Apply the migration to production?"
        >
          <p>
            3 tables altered, 1 column dropped. This cannot be rolled back
            automatically.
          </p>
        </Component>

        <Component
          options={[
            { id: "yes", label: "Send" },
            { id: "no", label: "Discard" },
          ]}
          question="Send the drafted reply to the customer?"
          resolvedId="yes"
        />
      </div>
    </div>
  );
}