@brendonovich/kobalte__solidbase/dist/default-theme/components/LocaleSelector.jsx

Fully featured, fully customisable static site generation for SolidStart

import { Select } from "@kobalte/core/select";
import { Show } from "solid-js";
import { useLocale } from "../../client/index.jsx";
import styles from "./ThemeSelector.module.css";
export default function LocaleSelector() {
    const { locales, currentLocale, setLocale } = useLocale();
    return (<Show when={locales.length > 1}>
			{(_) => {
            return (<Select class={styles.root} value={currentLocale()} options={locales} optionValue="code" optionTextValue={(v) => v.config.label} allowDuplicateSelectionEvents onChange={(option) => option && setLocale(option)} gutter={8} sameWidth={false} placement="bottom" itemComponent={(props) => (<Select.Item class={styles.item} item={props.item}>
								<Select.ItemLabel>
									{props.item.rawValue.config.label}
								</Select.ItemLabel>
							</Select.Item>)}>
						<Select.Trigger class={styles.trigger} aria-label="change locale">
							<Select.Value>
								{(state) => state.selectedOption().config.label}
							</Select.Value>
						</Select.Trigger>
						<Select.Portal>
							<Select.Content class={styles.content}>
								<Select.Listbox class={styles.list}/>
							</Select.Content>
						</Select.Portal>
					</Select>);
        }}
		</Show>);
}
//# sourceMappingURL=LocaleSelector.jsx.map