@awsui/components-react
Version:
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
39 lines • 1.33 kB
TypeScript
import React from 'react';
import { AppLayoutProps } from '../../interfaces';
import { FocusControlState } from '../../utils/use-focus-control';
import { AppLayoutInternals, InternalDrawer } from '../interfaces';
import { OnChangeParams } from '../state/use-ai-drawer';
interface AIDrawerProps {
activeAiDrawerSize: number;
minAiDrawerSize: number;
aiDrawer: AppLayoutProps.Drawer | undefined;
maxAiDrawerSize: number;
ariaLabels: any;
aiDrawerFocusControl: FocusControlState | undefined;
isMobile: boolean;
drawersOpenQueue: ReadonlyArray<string> | undefined;
onActiveAiDrawerChange: undefined | ((newDrawerId: string | null, params?: OnChangeParams) => void);
onActiveDrawerResize: (detail: {
id: string;
size: number;
}) => void;
expandedDrawerId?: string | null;
setExpandedDrawerId: (value: string | null) => void;
}
interface AppLayoutGlobalAiDrawerImplementationProps {
appLayoutInternals: AppLayoutInternals;
show: boolean;
activeAiDrawer: (InternalDrawer & {
exitExpandedModeTrigger?: {
customIcon?: React.ReactNode;
};
}) | null;
aiDrawerProps: AIDrawerProps;
}
export declare function AppLayoutGlobalAiDrawerImplementation({
appLayoutInternals,
show,
activeAiDrawer,
aiDrawerProps
}: AppLayoutGlobalAiDrawerImplementationProps): JSX.Element;
export {};