import * as s from 'solid-js';
export declare const panel_header_el_border = "content-empty absolute z-1 inset-x-0 top-full h-0.6px bg-panel-border";
export declare const SidePanelCtx: s.Context<{
    openPanel: s.Accessor<"inspector" | "dgraph">;
    setOpenPanel: (panel: "inspector" | "dgraph") => void;
} | undefined>;
export declare const hover_background = "bg-gray-5 dark:bg-gray-4\n    bg-opacity-0 dark:bg-opacity-0\n    hover:bg-opacity-10 selected:hover:bg-opacity-10\n    active:bg-opacity-05 active:hover:bg-opacity-05 selected:bg-opacity-05\n    transition-colors";
export declare const hover_text = "text-gray-5 dark:text-gray-4\n    text-opacity-85 dark:text-opacity-85\n    hover:text-opacity-100 selected:text-opacity-100";
export declare const action_button: string;
export declare const action_icon = "w-4 h-4";
export declare function createSidePanel(): {
    SidePanel: () => s.JSX.Element;
    isOpen: s.Accessor<boolean>;
};
//# sourceMappingURL=SidePanel.d.ts.map