import { jsx as _jsx } from "react/jsx-runtime";
// packages/ui/src/components/layout/components/FloatingLanguageSwitcher.tsx
/**
 * @fileoverview FloatingLanguageSwitcher - Floating language selector for estate/hotel layout
 * @description Bottom-right, accessible, fully prop-driven.
 *
 * @version 0.0.1
 * @since 0.0.1
 * @author AMBROISE PARK Consulting
 */
import { Card, cn } from '@donotdev/components';
/**
 * FloatingLanguageSwitcher - Professional, floating language selector
 *
 * @version 0.0.1
 * @since 0.0.1
 * @author AMBROISE PARK Consulting
 */
const FloatingLanguageSwitcher = ({ languages, currentLanguage, onLanguageChange, className }) => {
    return (_jsx(Card, { className: cn('dndev-z-modal', className), style: {
            position: 'fixed',
            bottom: 'var(--gap-md)',
            insetInlineEnd: 'var(--gap-md)',
            display: 'flex',
            alignItems: 'center',
            gap: 'var(--gap-sm)',
            transition: 'var(--dur-fast) ease-out',
        }, role: "region", "aria-label": "Language selector", "data-role": "floating", children: _jsx("select", { style: {
                backgroundColor: 'transparent',
                outline: 'none',
                fontSize: 'var(--font-size-base)',
                cursor: 'pointer',
            }, value: currentLanguage, onChange: (e) => onLanguageChange?.(e.target.value), "aria-label": "Select language", children: languages.map((lang) => (_jsx("option", { value: lang, children: lang }, lang))) }) }));
};
export default FloatingLanguageSwitcher;
