import React from "react";

import logo from "@/assets/logo.png";
import logoCollapsed from "@/assets/minilogo.png";

export const Logo = ({ collapsed, isDarkMode }) => (
  <div className="logo">
    <div className="flex items-center justify-center gap-2">
      {collapsed ? (
        <div className="flex items-center justify-center">
          <img
            src={logoCollapsed}
            alt="logo"
            className="w-1/2 object-contain"
          />
        </div>
      ) : (
        <div className="flex items-center justify-center">
          <img src={logo} alt="logo" className="w-1/2 object-contain mr-2" />
        </div>
      )}
    </div>
  </div>
);