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-800">

      <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>

  );

}