/* global React */
/* Realistic Kast card variants — pure SVG.
Variants: k, solana, pengu, x, solana-illuma, bitcoin-black, pengu-black,
kast-gold, bitcoin-gold, solana-gold, pengu-gold, solana-solid-gold */
const KAST_GLYPH = (
// The signature K mark — angular, sharp, custom-drawn
);
const PENGUIN_GLYPH = ({ fill = "#3A6EE0", stroke = "#3A6EE0" }) => (
{/* body */}
{/* belly */}
{/* head cap */}
{/* eyes */}
{/* beak */}
{/* feet */}
);
// VISA wordmark (custom path-shaped — italicized geometric)
function VisaMark({ x = 260, y = 170, scale = 1, color = "#FFFFFF", tier = "Platinum" }) {
return (
VISA
{tier}
);
}
// Reusable chip
function Chip({ x = 22, y = 72, scale = 1, tone = "gold" }) {
const palette = tone === "gold"
? { a: "#E8C266", b: "#B8862E", c: "#8C6219" }
: { a: "#C8C8CC", b: "#8B8B92", c: "#5C5C62" };
return (
);
}
// Contactless / wave icon
function Wave({ x = 60, y = 78, color = "rgba(255,255,255,0.55)" }) {
return (
);
}
// ─── K CARD (Standard silver) ────────────────────────────────────────────
function KCardSilver() {
return (
);
}
// ─── X CARD (Premium black metal) ────────────────────────────────────────
function XCard() {
return (
);
}
// ─── Solana Card (Standard — teal→purple chevrons) ───────────────────────
function SolanaCard() {
return (
);
}
// ─── Solana Illuma Card (Premium black with illuminated S) ───────────────
function SolanaIllumaCard() {
return (
);
}
// ─── Bitcoin Black Card (Premium) ────────────────────────────────────────
function BitcoinBlackCard() {
return (
);
}
// ─── Pengu Card (Standard — white with penguin pattern) ──────────────────
function PenguCard() {
return (
);
}
// Aliased component for use inside pattern (avoid recursion w/ JSX)
function PenguinGlyph(props) { return ; }
function PENGUIN_GLYPH_C({ fill = "#3A6EE0", stroke = "#3A6EE0" }) {
return (
);
}
// ─── Pengu Black Card (Premium) ──────────────────────────────────────────
function PenguBlackCard() {
return (
);
}
// ─── Gold cards (Private tier) ───────────────────────────────────────────
function GoldCard({ logo = "k", solid = false }) {
const bg = solid ? "#F0C24A" : null;
return (
);
}
// ─── Dispatcher ──────────────────────────────────────────────────────────
function KastCard({ variant }) {
switch (variant) {
case "k": return ;
case "x": return ;
case "solana": return ;
case "solana-illuma": return ;
case "bitcoin-standard":return ; // standard variant reuses dark style
case "bitcoin-black": return ;
case "pengu": return ;
case "pengu-black": return ;
case "kast-gold": return ;
case "bitcoin-gold": return ;
case "solana-gold": return ;
case "pengu-gold": return ;
case "solana-solid-gold":return ;
default: return ;
}
}
Object.assign(window, { KastCard });