@dossierhq/design/lib/components/Navbar/Navbar.d.ts

The design system for Dossier.

import type { FunctionComponent, MouseEventHandler, ReactNode } from 'react';
interface NavbarProps {
    children: ReactNode;
}
interface NavbarBrandProps {
    children: ReactNode;
}
interface NavbarBurgerProps {
    active: boolean;
    onClick: MouseEventHandler<HTMLAnchorElement>;
}
interface NavbarMenuProps {
    active: boolean;
    children: ReactNode;
}
interface NavbarStartProps {
    children: ReactNode;
}
interface NavbarEndProps {
    children: ReactNode;
}
interface NavbarItemProps {
    active?: boolean;
    children: ({ className }: {
        className: string;
    }) => React.ReactElement;
}
interface NavbarDropdownProps {
    left?: boolean;
    renderLink: (className: string) => React.ReactElement;
    children: ReactNode;
}
interface NavbarDropdownContentItemProps {
    children: ReactNode;
}
/** @public */
export interface NavbarComponent extends FunctionComponent<NavbarProps> {
    Brand: FunctionComponent<NavbarBrandProps>;
    Burger: FunctionComponent<NavbarBurgerProps>;
    Menu: FunctionComponent<NavbarMenuProps>;
    Start: FunctionComponent<NavbarStartProps>;
    End: FunctionComponent<NavbarEndProps>;
    Item: FunctionComponent<NavbarItemProps>;
    Dropdown: FunctionComponent<NavbarDropdownProps>;
    DropdownDivider: FunctionComponent;
    DropdownContentItem: FunctionComponent<NavbarDropdownContentItemProps>;
}
export declare const Navbar: NavbarComponent;
export {};