
import logoWhite  from '@/assets/logo/white.svg'
import logoRed  from '@/assets/logo/red.svg'
import { useTheme } from '@/contexts/ThemeContext';

const Logo = () => {

    const { isDark } = useTheme();

    return (
        // <div className="h-[7vh] w-full">
         <div className="h-[4vh] w-full">
              <img
  src="https://www.sage.com/Areas/SageDotCom/img/sage-logo-green.svg"
  alt="Sage Logo"
  style={{ width: "100px", height: "auto" }}
/>
            {/* {
                isDark ? (
                    <img src={logoWhite} alt="logo-dataven" className="w-full h-full object-cover" />
                ):(
                    <img src={logoRed} alt="logo-dataven" className="w-full h-full object-cover" />
                )
            } */}
            
        </div>

    )
}


export default Logo;