@undp/design-system-react/dist/Sidebar.d.ts

React based design system for UNDP

import { ClassProp } from 'class-variance-authority/types';
import { default as default_2 } from 'react';
import { VariantProps } from 'class-variance-authority';

export declare const Sidebar: default_2.ForwardRefExoticComponent<SidebarProps & default_2.RefAttributes<HTMLDivElement>>;

export declare const SidebarItem: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLButtonElement> & {
    value?: string;
} & default_2.RefAttributes<HTMLButtonElement>>;

declare interface SidebarProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, 'onChange'>, VariantProps<typeof sidebarVariants> {
    defaultValue?: string;
    activeValue?: string;
    classNames?: {
        active?: string;
        controls?: string;
        hover?: string;
    };
    activeItemClass?: string;
    hoverItemClass?: string;
    onValueChange?: (value: string) => void;
}

declare const sidebarVariants: (props?: ({
    variant?: "background" | "border" | "noEffect" | null | undefined;
} & ClassProp) | undefined) => string;

export { }


declare namespace BreadcrumbSeparator {
    var displayName: string;
}


declare namespace BreadcrumbEllipsis {
    var displayName: string;
}


declare namespace DialogHeader {
    var displayName: string;
}


declare namespace DialogFooter {
    var displayName: string;
}


declare namespace PaginationUnit {
    var displayName: string;
}


declare namespace PaginationLink {
    var displayName: string;
}


declare namespace PaginationPrevious {
    var displayName: string;
}


declare namespace PaginationNext {
    var displayName: string;
}


declare namespace PaginationEllipsis {
    var displayName: string;
}