strudel/website/src/components/Udels/UdelsHeader.tsx

import NumberInput from '@src/repl/components/NumberInput';

export default function UdelsHeader(Props) {
  const { numWindows, setNumWindows } = Props;

  return (
    <header id="header" className="flex text-white  z-[100] text-lg select-none bg-neutral-900">
      <div className="px-4 items-center gap-2  flex space-x-2 md:pt-0 select-none">
        <h1 onClick={() => {}} className={'text-l cursor-pointer flex gap-4'}>
          <div
            className={'mt-[1px] cursor-pointer'}
          >
            🌀
          </div>
         
            <div className={'animate-pulse'}>
              <span className="">strudel</span> <span className="text-sm">-UDELS</span>
            </div>
          
        </h1>
        <NumberInput value={numWindows} setValue={setNumWindows} />
      </div>
    </header>
  );
}