import { default as React } from 'react';
import { BasicComponentStyleConfig } from 'types';
import { CollapsedListProps } from '../collapsedList/CollapsedList.types.ts';

export declare const DEFAULT_CONFIGURATION: ConsumerConfigurationContext;
type ComponentConfiguration<ExtraProps extends object = {}> = Partial<BasicComponentStyleConfig & ExtraProps>;
export type Locale = {
    locale: string;
    dateFormat: string;
    monthFormat: string;
    yearFormat: string;
    numberGrouping: string;
    numberDecimal: string;
};
export interface ConsumerConfigurationContext {
    locale?: Partial<Locale>;
    avatar?: ComponentConfiguration;
    autocompleteInput?: ComponentConfiguration<{
        showControls?: boolean;
    }>;
    bottomNavigation?: ComponentConfiguration<{
        selectedItemClassName: string;
        item?: ComponentConfiguration<{
            selectedItemClassName: string;
            badgeClassName: string;
        }>;
    }>;
    breadcrumbs?: ComponentConfiguration;
    button?: ComponentConfiguration<{
        rainbowEffect?: boolean;
        badgeClassName?: string;
    }>;
    calendar?: ComponentConfiguration;
    checkbox?: ComponentConfiguration;
    closeButton?: ComponentConfiguration;
    collapsedList?: ComponentConfiguration<{
        limit?: number;
        expandButtonLabel?: CollapsedListProps['expandButtonLabel'];
    }>;
    colorPicker?: ComponentConfiguration;
    dataTable?: ComponentConfiguration<{
        action?: ComponentConfiguration;
        rowActions?: ComponentConfiguration;
        rowAction?: ComponentConfiguration;
    }>;
    datePicker?: ComponentConfiguration<{
        popoverContentClassName: string;
        popoverContentStyles: React.CSSProperties;
        dateFormat: string;
        monthFormat: string;
        yearFormat: string;
        rangeFormat: string;
        rangeFormatEmpty: string;
    }>;
    divider?: ComponentConfiguration;
    dropdown?: ComponentConfiguration<{
        focusFirstElement?: boolean;
        menu?: ComponentConfiguration;
        action?: ComponentConfiguration<{
            badgeClassName?: string;
        }>;
        checkbox?: ComponentConfiguration;
        radioList?: ComponentConfiguration;
        radioItem?: ComponentConfiguration;
        childMenu?: ComponentConfiguration;
    }>;
    dummyBox?: ComponentConfiguration;
    empty?: ComponentConfiguration;
    filePicker?: ComponentConfiguration;
    flex?: ComponentConfiguration;
    form?: ComponentConfiguration<{
        field?: ComponentConfiguration;
    }>;
    grid?: ComponentConfiguration<{
        column?: ComponentConfiguration;
    }>;
    icon?: ComponentConfiguration;
    list?: ComponentConfiguration;
    loading?: ComponentConfiguration<{
        color: string;
    }>;
    message?: ComponentConfiguration;
    modal?: ComponentConfiguration;
    navigationList?: ComponentConfiguration<{
        group?: ComponentConfiguration<{
            titleClassName: string;
        }>;
        groupAction?: ComponentConfiguration;
        link?: ComponentConfiguration<{
            badgeClassName?: string;
        }>;
        linkAction?: ComponentConfiguration;
    }>;
    numberInput?: ComponentConfiguration<{
        showControls?: boolean;
        allowLeadingZeros?: boolean;
        digitsAfterPoint?: number;
    }>;
    pagination?: ComponentConfiguration;
    passwordInput?: ComponentConfiguration<{
        showControls?: boolean;
    }>;
    photoViewer?: ComponentConfiguration<{
        image: {
            photoClassName: string;
        };
    }>;
    popover?: ComponentConfiguration;
    progress?: ComponentConfiguration<{
        activeSegmentClassName?: string;
    }>;
    radio?: ComponentConfiguration<{
        item?: ComponentConfiguration;
    }>;
    range?: ComponentConfiguration<{
        activeTrackClassName?: string;
    }>;
    scrollable?: ComponentConfiguration;
    search?: ComponentConfiguration<{
        showControls?: boolean;
    }>;
    select?: ComponentConfiguration;
    sideNavigation?: ComponentConfiguration<{
        titleClassName: string;
        selectedItemClassName: string;
    }>;
    spoiler?: ComponentConfiguration;
    switcher?: ComponentConfiguration;
    tabs?: ComponentConfiguration<{
        rainbowEffect: boolean;
        item?: ComponentConfiguration<{
            badgeClassName: string;
            selectedClassName: string;
        }>;
    }>;
    tags?: ComponentConfiguration;
    text?: ComponentConfiguration<{
        section: ComponentConfiguration;
        screenName: ComponentConfiguration;
        heading: ComponentConfiguration;
        paragraph: ComponentConfiguration;
        inline: ComponentConfiguration;
        code: ComponentConfiguration;
        keyboard: ComponentConfiguration;
        link: ComponentConfiguration;
        list: ComponentConfiguration;
        listItem: ComponentConfiguration;
    }>;
    textarea?: ComponentConfiguration;
    textInput?: ComponentConfiguration<{
        rainbowEffect?: boolean;
        textIsland?: ComponentConfiguration;
        iconIsland?: ComponentConfiguration;
        loadingIsland?: ComponentConfiguration<{
            color: string;
        }>;
        actionIsland?: ComponentConfiguration;
        customIsland?: ComponentConfiguration;
    }>;
    toolbar?: ComponentConfiguration<{
        actionClassName: string;
        groupClassName: string;
        action?: ComponentConfiguration<{
            badgeClassName?: string;
        }>;
    }>;
    tooltip?: ComponentConfiguration;
    topNavigation?: ComponentConfiguration<{
        link?: ComponentConfiguration<{
            badgeClassName?: string;
        }>;
    }>;
}
export declare const ConfigurationContext: React.Context<ConsumerConfigurationContext>;
export declare const useConfiguration: () => ConsumerConfigurationContext;
export {};