import * as React from "react"; import { LanguageSwitcherCommandPaletteTwo } from "@/registry/language-switcher-command-palette-two/language-switcher-command-palette-two"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; type ComponentProps = React.ComponentPropsWithoutRef< typeof LanguageSwitcherCommandPaletteTwo >; type LanguageSwitcherCommandLocale = NonNullable< ComponentProps["locales"] >[number]; const supportedLocales: LanguageSwitcherCommandLocale[] = [ { code: "en-US", label: "English (United States)", nativeName: "English", group: "North America", metadata: { region: "United States", currency: "USD", currencyExample: "12\u00A0340,50 €", dateExample: "March 18, 2025", numberExample: "1\u00A0234\u00A0567,89", previewSnippet: "Growth reports, dashboards, and billing copy are localized to U.S. English.", }, }, { code: "en-GB", label: "English (United Kingdom)", nativeName: "English", group: "Europe", metadata: { region: "United Kingdom", currency: "GBP", currencyExample: "£9,245.00", dateExample: "18 March 2025", numberExample: "1 234 567,89", previewSnippet: "Tax-inclusive pricing and VAT copy adapt for the UK market.", }, }, { code: "es-ES", label: "Spanish (Spain)", nativeName: "Español", group: "Europe", metadata: { region: "España", currency: "EUR", currencyExample: "12.340,50 €", dateExample: "18 de marzo de 2025", numberExample: "1.234.567,89", previewSnippet: "Paneles, cadenas de comandos y facturación reflejan normas europeas.", }, }, { code: "es-MX", label: "Spanish (Mexico)", nativeName: "Español", group: "Latin America", metadata: { region: "México", currency: "MXN", currencyExample: "$12,340.50 MXN", dateExample: "18 de marzo de 2025", numberExample: "1,234,567.89", previewSnippet: "Tablas y formatos monetarios se alinean con los requisitos fiscales mexicanos.", }, }, { code: "fr-FR", label: "French (France)", nativeName: "Français", group: "Europe", metadata: { region: "France", currency: "EUR", currencyExample: "12A0340,50 €", dateExample: "18 mars 2025", numberExample: "1A0234A0567,89", previewSnippet: "UI copy couvre la conformité RGPD, TVA, et modalités françaises.", }, }, { code: "ja-JP", label: "Japanese", nativeName: "日本語", group: "Asia-Pacific", metadata: { region: "日本", currency: "JPY", currencyExample: "￥12,340", dateExample: "2025年3月18日", numberExample: "1,234,567.89", direction: "ltr", previewSnippet: "ダッシュボードと通知はすべて日本語に翻訳されています。", }, }, { code: "ar-SA", label: "Arabic (Saudi Arabia)", nativeName: "العربية", group: "Middle East", metadata: { region: "المملكة العربية السعودية", currency: "SAR", currencyExample: "12,340.50 ر.س", dateExample: "18‏/03‏/2025", numberExample: "١٬٢٣٤٬٥٦٧٫٨٩", direction: "rtl", previewSnippet: "يتم قلب التخطيط والتوجيه لدعم اللغات من اليمين إلى اليسار.", }, }, ]; export function LanguageSwitcherCommandPaletteTwoDemo() { const [locale, setLocale] = React.useState("en-US"); return (

Workspace locale

Current: {locale}

{ setLocale(next); console.info("Locale switched to", next); }} />

Locale affects number formatting, analytics dashboards, and PDF exports. Recommended locales surface first based on team preferences and audit history.

Use the keyboard shortcut ⌘L (Ctrl+L on Windows) to open the palette without leaving your workflow. Selection triggers an optimistic update while background requests refetch localized resources.

); } export default LanguageSwitcherCommandPaletteTwoDemo;

Simple