Two model cards side by side showing name, speed, and cost. The selected card gets a primary border and check.
The import and the props worth knowing about, in one place.
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"
}
]}
/>Two-by-two grid of AI-generated image variants. The selected tile gets a primary border.
You are a concise copywriter. Reply in 2 sentences max and avoid em dashes.
Dashed-border card with a violet scroll icon, uppercase label, and an edit button for the system instructions.
Summary card with a violet sparkle header, bullet list of key points, and a source attribution below.
Attached image card with a tone-tinted thumbnail tile, a scanning line overlay, filename, dimensions, and detected-object chips.