import { useState } from 'react';
import { Settings } from 'lucide-react';
import { SettingsDialog } from '../settings/SettingsDialog';

export function SettingsButton() {
    const [isOpen, setIsOpen] = useState(false);

    return (
        <>
            <button
                onClick={() => setIsOpen(true)}
                className="flex items-center justify-center p-2 rounded-lg text-white/70 hover:text-white hover:bg-white/10 transition-colors"
                title="설정"
            >
                <Settings className="w-4 h-4" />
            </button>

            <SettingsDialog isOpen={isOpen} onClose={() => setIsOpen(false)} />
        </>
    );
}
