@redacto.io/consent-sdk-react 6.0.0 → 7.1.0

package/src/RedactoPrivacyCenter/ui/ThemeToggle.tsx

@@ -1,70 +0,0 @@
-import { useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import { PCActionIcon } from './index';
-import { IoSunnyOutline, IoMoonOutline } from 'react-icons/io5';
-import { useTheme } from '../context/theme';
-import { PCTooltip } from './PCTooltip';
-
-const getVar = (varName: string): string => `var(${varName})`;
-
-type ThemeToggleProps = {
-  className?: string;
-};
-
-export default function ThemeToggle({ className }: ThemeToggleProps) {
-  const { t } = useTranslation();
-  const { theme, toggleTheme } = useTheme();
-  const buttonRef = useRef<HTMLButtonElement>(null);
-  const tooltipLabel =
-    theme === 'light' ? t('switchToDarkMode') : t('switchToLightMode');
-
-  const handleClick = () => {
-    // Capture click position for animation
-    let position: { x: number; y: number };
-    
-    if (buttonRef.current) {
-      const rect = buttonRef.current.getBoundingClientRect();
-      position = { 
-        x: rect.left + rect.width / 2, 
-        y: rect.top + rect.height / 2 
-      };
-    } else {
-      // Fallback to center
-      position = { 
-        x: window.innerWidth / 2, 
-        y: window.innerHeight / 2 
-      };
-    }
-    
-    // Store position globally for ThemeTransitionOverlay to access
-    if (typeof window !== 'undefined') {
-      (window as any).__pcThemeTransitionPosition = position;
-    }
-    
-    toggleTheme();
-  };
-
-  return (
-    <PCTooltip content={tooltipLabel} placement="bottom" color="invert">
-      <div style={{ display: 'inline-flex' }}>
-        <PCActionIcon
-          ref={buttonRef}
-          variant="default"
-          className={className}
-          onClick={handleClick}
-          aria-label={tooltipLabel}
-          style={{ 
-            color: getVar('--pc-text-primary'),
-            transition: 'color 0.3s ease, transform 0.2s ease',
-          }}
-        >
-          {theme === 'light' ? (
-            <IoMoonOutline size={16} />
-          ) : (
-            <IoSunnyOutline size={16} />
-          )}
-        </PCActionIcon>
-      </div>
-    </PCTooltip>
-  );
-}