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

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

import { DrawerProps } from './types';
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>>;
    Close: ({ className }: import('./types').CloseProps) => import("react/jsx-runtime").JSX.Element;
    Content: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
        ref?: import('react').Ref<HTMLDivElement>;
    }, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
    Footer: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
        ref?: import('react').Ref<HTMLDivElement>;
    }, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
    Title: ({ children, className, ...rest }: import('./types').TitleProps) => import("react/jsx-runtime").JSX.Element;
    Trigger: import('../../utils').FunctionComponentWithAs<"button", import('./types').TriggerProps>;
};
export { useDialogStore as useDrawer } from '@ariakit/react';
export declare const AssetDrawer: import('../../utils').FunctionComponentWithAs<"div", import('./AssetDrawer/types').AssetDrawerProps> & {
    Header: ({ action, className, icon, onBackButtonClick, subtitle, title, }: import('./AssetDrawer/types').HeaderProps) => import("react/jsx-runtime").JSX.Element;
    Trigger: import('../../utils').FunctionComponentWithAs<"button", import('./types').TriggerProps>;
};