"use client"; import { cn } from "@/lib/utils"; type Env = "production" | "staging" | "preview" | "development" | "local"; interface Indicator11Props { env?: Env; branch?: string; className?: string; } const envConfig: Record< Env, { label: string; dot: string; text: string } > = { production: { label: "Production", dot: "bg-emerald-500", text: "text-emerald-700 dark:text-emerald-300", }, staging: { label: "Staging", dot: "bg-amber-500", text: "text-amber-700 dark:text-amber-300", }, preview: { label: "Preview", dot: "bg-sky-500", text: "text-sky-700 dark:text-sky-300", }, development: { label: "Development", dot: "bg-violet-500", text: "text-violet-700 dark:text-violet-300", }, local: { label: "Local", dot: "bg-muted-foreground", text: "text-muted-foreground", }, }; export const indicator11Demo: Indicator11Props = { env: "staging", branch: "feat/onboarding-v3", }; export function Indicator11({ env = "production", branch, className, }: Indicator11Props) { const config = envConfig[env]; return (

); }