'use client';

import React from 'react';
import { ThemeToggle } from '@/features/theme/components/theme-toggle-enhanced';
import { LanguageSwitcher } from '@/features/theme/components/language-switcher';

/**
 * EN: Auth Controls - Theme and Language switchers for auth pages
 * VI: Auth Controls - Bộ chuyển theme và ngôn ngữ cho trang auth
 * 
 * Features:
 * - Fixed position in top-right corner
 * - Styled to match "Try Grok" button
 * - Works on all auth pages (login, register, forgot-password)
 * 
 * @example
 * ```tsx
 * <AuthControls />
 * ```
 */
export function AuthControls() {
    return (
        <div className="fixed top-6 right-6 z-50 flex items-center gap-3">
            <ThemeToggle />
            <LanguageSwitcher />
        </div>
    );
}
