import { Navbar, NavbarBrand } from '@nextui-org/react';
import Link from 'next/link';

import { ProcessCubeLogo } from './ProcessCubeLogo';

export default function NavbarPanel() {
  return (
    <Navbar
      maxWidth="xl"
      position="sticky"
      isBordered
      isBlurred
      classNames={{
        base: 'bg-inherit',
      }}
    >
      <NavbarBrand>
        <Link href="/" className="flex items-center">
          <ProcessCubeLogo width={200} height={50} />
          <span className="ml-2 text-2xl">DocFlow</span>
        </Link>
      </NavbarBrand>
    </Navbar>
  );
}