Import source: vault/components/language-selector
Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
This commit is contained in:
@@ -0,0 +1,32 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import {
|
||||||
|
Select,
|
||||||
|
SelectContent,
|
||||||
|
SelectItem,
|
||||||
|
SelectTrigger,
|
||||||
|
SelectValue,
|
||||||
|
} from "@/components/ui/select";
|
||||||
|
import { LANGUAGES } from "@/lib/types";
|
||||||
|
|
||||||
|
interface LanguageSelectorProps {
|
||||||
|
value: string;
|
||||||
|
onChange: (value: string) => void;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function LanguageSelector({ value, onChange }: LanguageSelectorProps) {
|
||||||
|
return (
|
||||||
|
<Select value={value} onValueChange={(v) => v && onChange(v)}>
|
||||||
|
<SelectTrigger className="w-[180px] bg-muted/50 border-border/50">
|
||||||
|
<SelectValue placeholder="Language" />
|
||||||
|
</SelectTrigger>
|
||||||
|
<SelectContent>
|
||||||
|
{LANGUAGES.map((lang) => (
|
||||||
|
<SelectItem key={lang} value={lang}>
|
||||||
|
{lang.charAt(0).toUpperCase() + lang.slice(1)}
|
||||||
|
</SelectItem>
|
||||||
|
))}
|
||||||
|
</SelectContent>
|
||||||
|
</Select>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user