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

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

import { default as modalStyles } from './modal.module.scss';
import { ModalProps, UseModal, UseModalProps } from './types';
export { modalStyles as modalClasses };
export * from './types';
export declare function useModal(options?: UseModalProps): UseModal;
export declare const Modal: import('../../utils').FunctionComponentWithAs<"div", ModalProps> & {
    Body: import('../../utils').FunctionComponentWithAs<"section", import('./types').BodyProps>;
    Content: import('../../utils').FunctionComponentWithAs<"div", import('./types').ContentProps>;
    Footer: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
        variant?: "full" | "right";
    } & import('react').RefAttributes<HTMLDivElement>> & {
        Buttons: {
            ({ children, className, ...rest }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
            displayName: string;
        };
        Checkbox: {
            ({ checked, handleCheckbox, label, ...rest }: React.HTMLAttributes<HTMLDivElement> & {
                checked: boolean;
                handleCheckbox: (isChecked: boolean) => void;
                label?: string;
            }): import("react/jsx-runtime").JSX.Element;
            displayName: string;
        };
    };
    Header: import('react').ForwardRefExoticComponent<import('./types').HeaderProps & import('react').RefAttributes<HTMLDivElement>>;
    Trigger: import('../../utils').FunctionComponentWithAs<"button", import('./types').TriggerProps>;
    WindowBody: 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>>;
    WindowBoxText: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
        children?: import('react').ReactNode | undefined;
    } & import('react').RefAttributes<HTMLDivElement>>;
    WindowHeader: 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;
    };
    WindowMedia: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
        children?: import('react').ReactNode | undefined;
    } & import('react').RefAttributes<HTMLDivElement>>;
    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 declare const AssetModal: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
    AssetWithTitle: import('react').ForwardRefExoticComponent<Omit<import('./Assets/types').AssetWithTitleProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
    Backdrop: import('react').ForwardRefExoticComponent<import('./types').BackdropProps & import('react').RefAttributes<HTMLDivElement>>;
    Content: {
        ({ children, className, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    Iframe: {
        ({ children }: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    Title: {
        ({ children, ...rest }: import('../Text/types').TextProps): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
};