// components/Navbar.js
import { $html } from "../sigpro.js";
import { ui } from "../core/utils.js";

/**
 * Navbar component
 * 
 * daisyUI classes used:
 * - navbar, navbar-start, navbar-center, navbar-end
 * - bg-base-100, shadow-sm, px-4
 */
export const Navbar = (props, children) => {
  const { class: className, ...rest } = props;

  return $html("div", { ...rest, class: ui('navbar bg-base-100 shadow-sm px-4', className) }, children);
};