kiosco_desk/renderer/components/Layout/Header.tsx

import Image from "next/image";
import fes from "../../public/images/logo_fes.png";
import header from "./Header.module.css";

export default function Header() {
  return (
    <header className={header.header}>
      <div className={header.logoContainer}>
        <Image
          className={header.logo}
          src={fes}
          alt="Logo FES"
          layout="fill"
          style={{ objectFit: "contain" }}
        />
      </div>
      <div className={header.yellowPart}></div>
    </header>
  );
}
//IO