38 lines
975 B
TypeScript
38 lines
975 B
TypeScript
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>
|
|
);
|
|
}; |