/// <reference types="react" />
import React, { ReactElement } from 'react';

declare const CustomAccordion: () => JSX.Element;

type AlertDialogProps = {
    trigger: any;
    title: string;
    description: string;
    showCancel?: boolean;
    options?: JSX.IntrinsicElements["button"][];
};
declare const CustomAlertDialog: ({ trigger, title, description, showCancel, options, }: AlertDialogProps) => JSX.Element;

type AvatarProps = {
    imageSrc: string;
};
declare const CustomAvatar: ({ imageSrc }: AvatarProps) => JSX.Element;

type CheckboxProps = {
    checkBoxClassName?: string;
    interiorClassName?: string;
};
declare const CustomCheckbox: ({ checkBoxClassName, interiorClassName, }: CheckboxProps) => JSX.Element;

declare const CustomCollapsible: () => JSX.Element;

type DialogProps = {
    trigger: any;
    contentClassName: string;
    content: any | any[];
    showCancel: boolean;
    optionsClassName: string;
    options?: JSX.IntrinsicElements["button"][] | React.ReactNode[];
};
declare const CustomDialog: ({ trigger, contentClassName, content, showCancel, optionsClassName, options, }: DialogProps) => JSX.Element;

declare const DropdownMenu: () => JSX.Element;

type HoverCardProps = {
    trigger: any;
    contentAlignment?: "start" | "center" | "end" | undefined;
    contentClassName: string;
    content: any | any[];
    arrowColor?: string;
};
declare const HoverCard: ({ trigger, contentAlignment, contentClassName, content, arrowColor, }: HoverCardProps) => JSX.Element;

type Props = {};
declare const NavigationMenu: (props: Props) => JSX.Element;

type PopoverProps = {
    trigger: any;
    contentAlignment?: "start" | "center" | "end" | undefined;
    arrowClassName: string;
    contentClassName: string;
    content: any | any[];
    closeButtonClassName: string;
    closeButtonColor?: string;
};
declare const Popover: ({ trigger, contentAlignment, arrowClassName, contentClassName, content, closeButtonClassName, closeButtonColor, }: PopoverProps) => JSX.Element;

type ProgessProps = {
    initProgress: number;
    progressRootClassName: string;
    progressIndicatorClassName: string;
};
declare const Progress: ({ initProgress, progressRootClassName, progressIndicatorClassName, }: ProgessProps) => JSX.Element;

interface RadioItem {
    id: string;
    title: string;
}
type RadioGroupProps = {
    items: RadioItem[];
    ariaLabel: string;
    labelClassName: string;
    labelContent: string;
    buttonClassName: string;
    itemClassName: string;
    defaultValue?: string;
};
declare const RadioGroup: ({ items, ariaLabel, labelClassName, labelContent, buttonClassName, itemClassName, defaultValue, }: RadioGroupProps) => JSX.Element;

type ScrollAreaProps = {
    items: any[];
    scrollAreaSize: string;
    titleClassName: string;
    titleContent: string;
    itemClass: string;
};
declare const ScrollAreaDemo: ({ items, scrollAreaSize, titleClassName, titleContent, itemClass, }: ScrollAreaProps) => JSX.Element;

interface Items {
    title: string;
    value: string;
    disabled: boolean;
}
type SelectProps = {
    items: Items[];
    selectAriaLable: string;
    triggerClassName: string;
    scrollBtnClassName: string;
    viewportClassName: string;
    itemClassName: string;
    defaultValue: string;
};
declare const Select: ({ items, selectAriaLable, triggerClassName, scrollBtnClassName, viewportClassName, itemClassName, defaultValue, }: SelectProps) => JSX.Element;

type SliderProps = {
    defaultValue: number[] | undefined;
    max: number;
    step: number;
    uxWidth?: string;
    trackColor?: string;
    thumbColor?: string;
    thumbOutlineColor?: string;
    additionalTrackProps?: string;
    additionalThumbProps?: string;
};
declare const Slider: ({ defaultValue, max, step, uxWidth, trackColor, thumbColor, additionalTrackProps, additionalThumbProps, }: SliderProps) => JSX.Element;

type SwitchProps = {
    switchClassName: string;
    thumbClassName: string;
};
declare const Switch: ({ switchClassName, thumbClassName }: SwitchProps) => JSX.Element;

interface Tab {
    title: string;
    value: string;
    content: any | any[];
}
type TabsProps = {
    items: Tab[];
    tabsListClassName?: string;
    tabsTriggerClassName: string;
    tabsContentClassName: string;
    defaultValue?: string;
};
declare const Tabs: ({ items, tabsListClassName, tabsTriggerClassName, tabsContentClassName, defaultValue, }: TabsProps) => JSX.Element;

type ToastProps = {
    defaultOpen: boolean;
    timeout?: number;
    triggerClassName?: string;
    triggerText?: string;
    toastContentClassName: string;
    toastContent: any | any[];
    isDismissable: boolean;
    dismissBtnClassName?: string;
    dismissBtnText?: string;
};
declare const CustomToast: ({ defaultOpen, timeout, triggerClassName, triggerText, toastContentClassName, toastContent, isDismissable, dismissBtnClassName, dismissBtnText, }: ToastProps) => JSX.Element;

type ToggleProps = {
    trigger: any;
    genericClasses: string;
    inactiveClasses: string;
    activeClasses: string;
};
declare const CustomToggle: ({ trigger, genericClasses, activeClasses, inactiveClasses, }: ToggleProps) => JSX.Element;

interface ToggleItem {
    value: string;
    label: string;
    icon: ReactElement;
    itemAriaLabel: string;
}
type ToggleGroupProps = {
    items: ToggleItem[];
    groupAriaLabel: string;
    itemProps: string;
};
declare const ToggleGroup: ({ items, groupAriaLabel, itemProps, }: ToggleGroupProps) => JSX.Element;

type TooltipProps = {
    trigger: any;
    tooltipContent: string;
    contentClasses: string;
    arrowClasses: string;
};
declare const CustomTooltip: ({ trigger, tooltipContent, contentClasses, arrowClasses, }: TooltipProps) => JSX.Element;

export { CustomAccordion as Accordion, CustomAlertDialog as AlertDialog, CustomAvatar as Avatar, CustomCheckbox as Checkbox, CustomCollapsible as Collasible, CustomDialog as Dialog, DropdownMenu, HoverCard, NavigationMenu as NavMenu, Popover, Progress, RadioGroup, ScrollAreaDemo as ScrollArea, Select, Slider, Switch, Tabs, CustomToast as Toast, CustomToggle as Toggle, ToggleGroup, CustomTooltip as Tooltip };