@awsui/components-react/internal/context/split-panel-context.d.ts

On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en

import React from 'react';
import { SplitPanelFocusControlRefs } from '../../app-layout/utils/use-split-panel-focus-control';
export interface SplitPanelSideToggleProps {
    displayed: boolean;
    ariaLabel: string | undefined;
}
export interface SplitPanelContextBaseProps {
    topOffset: number;
    bottomOffset: number;
    leftOffset: number;
    rightOffset: number;
    position: 'side' | 'bottom';
    size: number;
    disableContentPaddings?: boolean;
    contentWidthStyles?: React.CSSProperties;
    contentWrapperPaddings?: {
        closedNav: boolean;
        closedTools: boolean;
    };
    isOpen?: boolean;
    isForcedPosition: boolean;
    onResize: (newSize: number) => void;
    onToggle: () => void;
    onPreferencesChange: (detail: {
        position: 'side' | 'bottom';
    }) => void;
    reportHeaderHeight: (pixels: number) => void;
    headerHeight?: number;
    setSplitPanelToggle: (config: SplitPanelSideToggleProps) => void;
    refs: SplitPanelFocusControlRefs;
}
export interface SplitPanelContextProps extends SplitPanelContextBaseProps {
    relativeSize: number;
    animationDisabled?: boolean;
}
export declare const SplitPanelContextProvider: React.Provider<SplitPanelContextProps | null>;
export declare function useSplitPanelContext(): SplitPanelContextProps;
//# sourceMappingURL=split-panel-context.d.ts.map