Downgrade impact

"use client"

import { DowngradeImpact } from "@/components/downgrade-impact"
import type { PlanTier } from "@/lib/ops"

const enterprise: PlanTier = { id: "enterprise", name: "Enterprise", perSeat: 499, tagline: "Everything in Team, plus people behind it", includes: ["Everything in Team", "Security and deployment controls", "A named engineer on your account"] }
const team: PlanTier = { id: "team", name: "Team", perSeat: 249, tagline: "The whole product for an in-house team", includes: ["Chat, agents and reports", "Approvals and audit log", "SSO sign-in"] }

export default function Example() {
  return (
    <DowngradeImpact
      className="max-w-xl"
      from={enterprise}
      to={team}
      seats={8}
      losses={[
        { feature: "Deployment controls", consequence: "Your two Production deploy windows are removed; deploys follow the default approval rules." },
        { feature: "A named engineer", consequence: "Support moves to the shared queue." },
      ]}
      effectiveAt="2026-12-01"
      onConfirm={() => {}}
      onCancel={() => {}}
    />
  )
}