welcome-ui/dist/types/components/Drawer/index.d.ts

Customizable design system with react, typescript, tailwindcss and ariakit.

import { default as styles } from './drawer.module.scss';
import { DrawerProps } from './types';
export { styles as drawerClasses };
export declare const Drawer: import('react').ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
    Backdrop: import('react').ForwardRefExoticComponent<Omit<import('./types').BackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
    Body: import('react').ForwardRefExoticComponent<Omit<import('../Window/types').BodyOptions, keyof import('react').HTMLAttributes<HTMLDivElement>> & import('react').HTMLAttributes<HTMLDivElement> & {
        children?: import('react').ReactNode | undefined;
    } & import('react').RefAttributes<HTMLDivElement>>;
    BoxText: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
        children?: import('react').ReactNode | undefined;
    } & import('react').RefAttributes<HTMLDivElement>>;
    Close: {
        ({ className }: import('./types').CloseProps): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    Content: import('react').ForwardRefExoticComponent<Omit<import('./types').ContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
    Footer: import('react').ForwardRefExoticComponent<Omit<import('./types').FooterProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
    Header: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
        children?: import('react').ReactNode | undefined;
    } & import('react').RefAttributes<HTMLDivElement>> & {
        Button: ({ "aria-label": ariaLabel, className, icon, isActive, onClick, ...rest }: import('../../utils').PropsWithAs<import('../../utils').As, import('../Window/types').ActionButtonProps>) => import("react/jsx-runtime").JSX.Element;
        CloseButton: ({ as, className, onClick, }: import('../../utils').PropsWithAs<import('../../utils').As, Omit<import('../Window/types').ActionButtonProps, "icon">>) => import("react/jsx-runtime").JSX.Element;
        LeftActions: ({ isExpandable, onExpandChange }: import('../Window/types').HeaderLeftActionsProps) => import("react/jsx-runtime").JSX.Element;
        RightActions: ({ children, isClosable, onClose }: import('../Window/types').HeaderRightActionsProps) => import("react/jsx-runtime").JSX.Element;
        Tab: import('../../utils').FunctionComponentWithAs<"button", import('../Window/types').HeaderTabItem>;
        Tabs: ({ children, className, store, ...rest }: import('../Window/types').HeaderTabsProps) => import("react/jsx-runtime").JSX.Element;
        Title: ({ as, className, title }: import('../Window/types').HeaderTitleProps) => import("react/jsx-runtime").JSX.Element;
    };
    Media: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
    Trigger: import('../../utils').FunctionComponentWithAs<"button", import('./types').TriggerProps>;
    WindowTabPanel: import('react').ForwardRefExoticComponent<Omit<import('react').PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>, keyof import('../Window/types').TabPanelOptions> & import('../Window/types').TabPanelOptions & import('react').RefAttributes<HTMLDivElement>>;
};
export { useDialogStore as useDrawer } from '@ariakit/react';
export declare const AssetDrawer: import('../../utils').FunctionComponentWithAs<"div", import('./AssetDrawer/types').AssetDrawerProps> & {
    Header: {
        ({ action, className, iconName, onBackButtonClick, subtitle, title, }: import('./AssetDrawer/types').HeaderProps): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    Trigger: import('../../utils').FunctionComponentWithAs<"button", import('./types').TriggerProps>;
};