import { Theme, ThemeUIStyleObject } from 'theme-ui';
export declare const PageContainerDefaults: ThemeUIStyleObject;
export declare type ControlsTheme = {
    actionbar: Record<string, ThemeUIStyleObject>;
    toolbar: Record<string, ThemeUIStyleObject>;
    footer: Record<string, ThemeUIStyleObject>;
    actioncontainer: ThemeUIStyleObject | Record<string, ThemeUIStyleObject>;
    blockcontainer: Record<string, ThemeUIStyleObject>;
    description: Record<string, ThemeUIStyleObject>;
    blockpagecontainer: Record<string, ThemeUIStyleObject>;
    linkheading: Record<string, ThemeUIStyleObject>;
    multiselect: Record<string, ThemeUIStyleObject>;
    searchinput: Record<string, ThemeUIStyleObject>;
    subtitle: ThemeUIStyleObject;
    subheading: ThemeUIStyleObject;
    syntaxhighlight: Record<string, ThemeUIStyleObject>;
    tabs: Record<string, ThemeUIStyleObject>;
    tag: Record<string, ThemeUIStyleObject>;
    shield: Record<string, ThemeUIStyleObject>;
    table: Record<string, ThemeUIStyleObject>;
    titledimage: Record<string, ThemeUIStyleObject>;
    value: Record<string, ThemeUIStyleObject>;
    zoom: ThemeUIStyleObject;
    editpage: Record<string, ThemeUIStyleObject>;
    pagecontainer: ThemeUIStyleObject;
    playground: Record<string, ThemeUIStyleObject>;
    propstable: Record<string, ThemeUIStyleObject>;
    story: Record<string, ThemeUIStyleObject>;
    colormode: Record<string, ThemeUIStyleObject>;
    header: ThemeUIStyleObject;
    hoverbox: Record<string, ThemeUIStyleObject>;
    infotip: Record<string, ThemeUIStyleObject>;
    tree: Record<string, ThemeUIStyleObject>;
    pagination: Record<string, ThemeUIStyleObject>;
    componentstats: Record<string, ThemeUIStyleObject>;
    sidebar: Record<string, ThemeUIStyleObject>;
    skiplinks: Record<string, ThemeUIStyleObject>;
    app: ThemeUIStyleObject;
    sidecontext: Record<string, ThemeUIStyleObject>;
    appsidebar: Record<string, ThemeUIStyleObject>;
    appheader: Record<string, ThemeUIStyleObject>;
    appfooter: Record<string, ThemeUIStyleObject>;
    categorylist: Record<string, ThemeUIStyleObject>;
    pagelist: Record<string, ThemeUIStyleObject>;
    categorypage: Record<string, ThemeUIStyleObject>;
    documentitem: Record<string, ThemeUIStyleObject>;
    taglist: Record<string, ThemeUIStyleObject>;
    appsidebarpage: Record<string, ThemeUIStyleObject>;
    apperror: ThemeUIStyleObject;
    container: Record<string, ThemeUIStyleObject>;
    documentslist: Record<string, ThemeUIStyleObject>;
} & Theme;
export declare const theme: ControlsTheme;
export declare const useTheme: () => Theme;
export declare const getPaletteColor: (index: number) => string;
export declare const getAccentPaletteColor: (index: number) => string;