jevstrudel.git / website / src / components / Udels / UdelsHeader.jsx
UdelsHeader.jsx20 lines · 753 B · raw
1import NumberInput from '@src/repl/components/NumberInput';
2
3export default function UdelsHeader(Props) {
4  const { numWindows, setNumWindows } = Props;
5
6  return (
7    <header id="header" className="flex text-white  z-[100] text-lg select-none bg-neutral-800">
8      <div className="px-4 items-center gap-2  flex space-x-2 md:pt-0 select-none">
9        <h1 onClick={() => {}} className={'text-l cursor-pointer flex gap-4'}>
10          <div className={'mt-[1px] cursor-pointer'}>🌀</div>
11
12          <div className={'animate-pulse'}>
13            <span className="">strudel</span> <span className="text-sm">-UDELS</span>
14          </div>
15        </h1>
16        <NumberInput value={numWindows} setValue={setNumWindows} />
17      </div>
18    </header>
19  );
20}