import React from 'react';

interface NavProps$1 extends React.HTMLAttributes<HTMLElement> {
    dir?: 'ltr' | 'rtl';
    'data-testid'?: string;
}
//# sourceMappingURL=navbar.props.d.ts.map

/**
 * The Navbar component is the container of all other components and you can change the color scheme by using the predefined CSS classes or your custom CSS classes
 * @param dir - Menu direction
 * @param className - CSS class for nav tag
 * @returns Element
 */
declare function Navbar(props: NavProps$1): React.ReactElement;
//# sourceMappingURL=navbar.d.ts.map

interface NavProps extends React.HTMLAttributes<HTMLElement> {
    'data-testid'?: string;
}
//# sourceMappingURL=nav.props.d.ts.map

/**
 * The Nav component is a container of Item and Items components, in fact, the Collapse component uses the Nav component to wrap Item and Items components under the hood. in case you don't want the collapse toggle button you can use it directly instead.
 * @returns Element
 */
declare function Nav(props: NavProps): React.ReactElement;
//# sourceMappingURL=nav.d.ts.map

interface CollapseProps extends React.HTMLAttributes<HTMLElement> {
}
//# sourceMappingURL=collapse.props.d.ts.map

/**
 * The Collapse component is the container of the Nav component and it's responsible for making the menu responsive and elegant on small screens
 * @returns Element
 */
declare function Collapse(props: CollapseProps): React.ReactElement;
//# sourceMappingURL=collapse.d.ts.map

type Omit$1<T, U> = Pick<T, Exclude<keyof T, keyof U>>;
type ReplaceProps<Inner extends React.ElementType, P> = Omit$1<React.ComponentPropsWithRef<Inner>, P> & P;
interface AsProp<As extends React.ElementType = React.ElementType> {
    as?: As;
}
type RefForwardingComponent<TInitial extends React.ElementType, P = unknown> = <As extends React.ElementType = TInitial>(props: React.PropsWithChildren<ReplaceProps<As, AsProp<As> & P>>, context?: any) => any;

interface ItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, AsProp {
    'data-testid'?: string;
}
//# sourceMappingURL=item.props.d.ts.map

/**
 * The Item component is a single link
 * @param href - Item url link
 * @param as - The component that link render as
 * @param className - CSS class for container li tags
 * @returns Element
 */
declare const Item: RefForwardingComponent<'a', ItemProps>;
//# sourceMappingURL=item.d.ts.map

interface ItemsProps extends AsProp, Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'title'> {
    title?: React.ReactElement | string;
    'data-testid'?: string;
}
//# sourceMappingURL=items.props.d.ts.map

/**
 * The Items component is a link and a container for other Items or Item components
 * @param href - Url link for it self
 * @param as - The component that link render as
 * @param className - CSS class for container ul tags
 * @returns Element
 */
declare const Items: RefForwardingComponent<'a', ItemsProps>;
//# sourceMappingURL=items.d.ts.map

interface LogoProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, AsProp {
    'data-testid'?: string;
}
//# sourceMappingURL=logo.props.d.ts.map

/**
 * The Logo component is the container of your logo which can be an image or simple text
 * @param href - Logo url link
 * @param as - The component that link render as
 * @param className - CSS class for container div tags
 * @returns Element
 */
declare const Logo: RefForwardingComponent<'a', LogoProps>;
//# sourceMappingURL=logo.d.ts.map

export { Collapse, type CollapseProps, Item, type ItemProps, Items, type ItemsProps, Logo, type LogoProps, Nav, type NavProps, Navbar, type NavProps$1 as NavbarProps };