"use client"; import { cn } from "@/lib/utils"; type Tone = "primary" | "foreground" | "sky" | "emerald" | "violet" | "amber"; interface Keyboard7Props { keyLabel?: string; caption?: string; tone?: Tone; className?: string; } const ringClasses: Record = { primary: "bg-primary/30", foreground: "bg-foreground/30", sky: "bg-sky-500/30", emerald: "bg-emerald-500/30", violet: "bg-violet-500/30", amber: "bg-amber-500/30", }; const capClasses: Record = { primary: "border-primary bg-primary text-primary-foreground", foreground: "border-foreground bg-foreground text-background", sky: "border-sky-500 bg-sky-500 text-white", emerald: "border-emerald-500 bg-emerald-500 text-white", violet: "border-violet-500 bg-violet-500 text-white", amber: "border-amber-500 bg-amber-500 text-white", }; export const keyboard7Demo: Keyboard7Props = { keyLabel: "Space", caption: "Press to continue", tone: "violet", }; export function Keyboard7({ keyLabel = "Space", caption, tone = "primary", className, }: Keyboard7Props) { return (

{caption && ( {caption} )}

); }