import * as React from 'react';
import { ChangeEvent, Ref } from 'react';
import { Theme, SxProps } from '@mui/material/styles';

interface CoreUIThemeProviderProps {
    children: JSX.Element | JSX.Element[];
    theme: Theme;
}
declare const CoreUIThemeProvider: ({ children, theme }: CoreUIThemeProviderProps) => React.JSX.Element | null;

interface AccordionProps {
    open?: boolean;
    label: string;
    children: JSX.Element;
    collapseIcon?: JSX.Element;
    expandIcon?: JSX.Element;
    containerStyle?: SxProps;
    labelStyle?: SxProps;
}
declare const Accordion: ({ open: defaultOpen, label, children, collapseIcon, expandIcon, containerStyle, labelStyle, }: AccordionProps) => React.JSX.Element;

interface BreadcrumbItem {
    label: string;
    value: string;
}
interface BreadcrumbsProps {
    list: BreadcrumbItem[];
    selectedValue: string;
    separator?: JSX.Element;
    /**
     * Determines how the breadcrumb separator
     *
     * @remarks
     * See {@link SxProps| the SxProps enum} for more details.
     *
     * @defaultValue { fontSize: 13 }
     */
    separatorStyle?: SxProps;
    itemStyle?: SxProps;
    itemHighlightedStyle?: SxProps;
    onClickBreadcrumb?: (value: string) => void;
}
declare const Breadcrumbs: React.FC<BreadcrumbsProps>;

interface TextInputProps {
    placeholder?: string;
    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
    value?: string;
    InputPropsStyle?: SxProps;
    sx?: SxProps;
    error?: string;
    type?: string;
    disabled?: boolean;
    autoFocus?: boolean;
    inputRef?: Ref<HTMLElement>;
}
declare const TextInput: ({ placeholder, onChange, value, sx, InputPropsStyle, error, type, disabled, autoFocus, inputRef, }: TextInputProps) => React.JSX.Element;

interface BaseModalProps {
    title?: string;
    content?: string;
    children?: JSX.Element;
    titleStyle?: SxProps;
    contentStyle?: SxProps;
}
declare const BaseModal: React.FC<BaseModalProps>;

interface TabSwitcherProps {
    value: string;
    children: React.ReactNode;
}
interface TabPanelProps {
    id: string;
    children: React.ReactNode;
}
/**
 * This is TabPanel
 * @public
 */
declare const TabPanel: ({ id, children }: TabPanelProps) => React.JSX.Element;
/**
 * This is a TabSwitcher
 * @public
 */
declare const TabSwitcher: ({ value, children }: TabSwitcherProps) => React.JSX.Element;

interface MojitoCoreUITheme {
    font: {
        primary: string;
        secondary: string;
        tertiary: string;
    };
}

export { Accordion, AccordionProps, BaseModal, BaseModalProps, BreadcrumbItem, Breadcrumbs, BreadcrumbsProps, CoreUIThemeProvider, CoreUIThemeProviderProps, MojitoCoreUITheme, TabPanel, TabPanelProps, TabSwitcher, TabSwitcherProps, TextInput, TextInputProps };