import * as React from 'react'; export declare const useSidebar: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance; firstHiddenElementRef: React.RefObject; lastHiddenElementRef: React.RefObject; firstHiddenProps: { role: "presentation"; 'aria-hidden': true; 'data-focus-guard': string; onFocus: (event: React.FocusEvent) => void; }; lastHiddenProps: { role: "presentation"; 'aria-hidden': true; 'data-focus-guard': string; onFocus: (event: React.FocusEvent) => void; }; }>; isModal: boolean; toggle: (event?: React.SyntheticEvent) => void; expand: (event?: React.SyntheticEvent) => void; collapse: (event?: React.SyntheticEvent) => void; rootProps: { style: React.CSSProperties; onPointerEnter?: ((event?: React.SyntheticEvent) => void) | undefined; onPointerLeave?: ((event?: React.SyntheticEvent) => void) | undefined; onKeyDown: (event: React.KeyboardEvent) => void; role?: "dialog" | undefined; 'aria-modal'?: true | undefined; 'data-overlay'?: "" | undefined; 'data-scope': string; 'data-part': string; 'data-state': string; 'data-collapsible': string | undefined; 'data-collapsible-mode': "icon" | "none" | "offcanvas" | undefined; 'data-variant': "inset" | "sidebar" | "floating" | undefined; 'data-side': "left" | "right" | undefined; id?: string | undefined; ref: (node: HTMLElement | null) => void; }; spacerProps: { 'data-overlay'?: "" | undefined; 'data-scope': string; 'data-part': string; 'data-state': string; 'data-collapsible': string | undefined; 'data-variant': "inset" | "sidebar" | "floating" | undefined; 'data-side': "left" | "right" | undefined; }; asideProps: { 'data-overlay'?: "" | undefined; 'data-scope': string; 'data-part': string; 'data-state': string; 'data-collapsible': string | undefined; 'data-variant': "inset" | "sidebar" | "floating" | undefined; 'data-side': "left" | "right" | undefined; }; panelProps: { 'data-overlay'?: "" | undefined; 'data-scope': string; 'data-part': string; 'data-state': string; 'data-collapsible': string | undefined; 'data-variant': "inset" | "sidebar" | "floating" | undefined; 'data-side': "left" | "right" | undefined; }; contentProps: { 'data-overlay'?: "" | undefined; 'data-scope': string; 'data-part': string; 'data-state': string; 'data-collapsible': string | undefined; 'data-variant': "inset" | "sidebar" | "floating" | undefined; 'data-side': "left" | "right" | undefined; }; headerProps: { 'data-overlay'?: "" | undefined; 'data-scope': string; 'data-part': string; 'data-state': string; 'data-collapsible': string | undefined; 'data-variant': "inset" | "sidebar" | "floating" | undefined; 'data-side': "left" | "right" | undefined; }; footerProps: { 'data-overlay'?: "" | undefined; 'data-scope': string; 'data-part': string; 'data-state': string; 'data-collapsible': string | undefined; 'data-variant': "inset" | "sidebar" | "floating" | undefined; 'data-side': "left" | "right" | undefined; }; triggerProps: { 'data-overlay'?: "" | undefined; onClick: (event?: React.SyntheticEvent) => void; 'aria-controls'?: string | undefined; 'data-scope': string; 'data-part': string; 'data-state': string; 'data-collapsible': string | undefined; 'data-variant': "inset" | "sidebar" | "floating" | undefined; 'data-side': "left" | "right" | undefined; 'aria-expanded': boolean; }; railProps: { 'data-overlay'?: "" | undefined; 'data-scope': string; 'data-part': string; 'aria-label': string; onClick: (event?: React.SyntheticEvent) => void; title: string; 'data-state': string; 'data-collapsible': string | undefined; 'data-variant': "inset" | "sidebar" | "floating" | undefined; 'data-side': "left" | "right" | undefined; }; mainProps: { 'data-overlay'?: "" | undefined; 'data-scope': string; 'data-part': string; 'data-state': string; 'data-collapsible': string | undefined; 'data-variant': "inset" | "sidebar" | "floating" | undefined; 'data-side': "left" | "right" | undefined; }; backdropProps: { onClick?: ((event?: React.SyntheticEvent) => void) | undefined; 'data-scope': string; 'data-part': string; }; variant: "inset" | "sidebar" | "floating" | undefined; collapsible: "icon" | "none" | "offcanvas" | undefined; side: "left" | "right" | undefined; overlay: boolean | undefined; openOnHover: boolean | undefined; }>;