feat: site institucional completo com design system - Implementa\u00e7\u00e3o do site institucional da Aggios com design system completo incluindo gradientes, tipografia, componentes e se\u00e7\u00f5es de recursos, pre\u00e7os e CTA
This commit is contained in:
22
front-end-dash.aggios.app/components/ThemeToggle.tsx
Normal file
22
front-end-dash.aggios.app/components/ThemeToggle.tsx
Normal file
@@ -0,0 +1,22 @@
|
||||
'use client';
|
||||
|
||||
import { useTheme } from '@/contexts/ThemeContext';
|
||||
|
||||
export default function ThemeToggle() {
|
||||
const { toggleTheme } = useTheme();
|
||||
|
||||
return (
|
||||
<button
|
||||
onClick={toggleTheme}
|
||||
className="p-2 rounded-lg bg-gradient-to-r from-primary/10 to-secondary/10 hover:from-primary/20 hover:to-secondary/20 transition-all duration-300 border border-primary/20 hover:border-primary/40"
|
||||
aria-label="Alternar tema"
|
||||
>
|
||||
{typeof window !== 'undefined' && document.documentElement.classList.contains('dark') ? (
|
||||
<i className="ri-sun-line text-lg gradient-text font-bold" />
|
||||
) : (
|
||||
<i className="ri-moon-line text-lg gradient-text font-bold" />
|
||||
)}
|
||||
</button>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user