import React from 'react';
import { DiscordButton } from '@/components/ui/DiscordButton';
import { cn } from '@/lib/utils';

interface ActionButtonsProps {
  scrolled: boolean;
  languageSwitcher: React.ReactElement;
}

export const ActionButtons: React.FC<ActionButtonsProps> = ({ 
  scrolled, 
  languageSwitcher 
}) => {
  return (
    <div className="hidden md:flex items-center space-x-4">
      {/* Language Switcher */}
      <div className="flex items-center">
        {languageSwitcher}
      </div>
      
      {/* Discord Button */}
      <div className="flex items-center">
        <DiscordButton 
          size="sm" 
          className={cn(
            "transition-all duration-200",
            "hover:scale-105 hover:shadow-lg",
            "focus:outline-none focus:ring-2 focus:ring-discord/50",
            scrolled && "shadow-md"
          )}
          showIcon={true}
        >
          Discord
        </DiscordButton>
      </div>
    </div>
  );
};