Model Comparison

Two model cards side by side showing name, speed, and cost. The selected card gets a primary border and check.

FastInstant$0.10 / Mtok

Smart2–4s$1.20 / Mtok

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Ai19 } from "@/components/beste/piece/ai19";

<Ai19
  models={[
    {
      "name": "Fast",
      "speed": "Instant",
      "cost": "$0.10 / Mtok",
      "selected": true
    },
    {
      "name": "Smart",
      "speed": "2–4s",
      "cost": "$1.20 / Mtok"
    }
  ]}
/>