@sikka/hawa/dist/dialog/index.d.ts

Modern UI Kit made with Tailwind

import * as React from 'react';
import * as DialogPrimitive from '@radix-ui/react-dialog';
import { D as DirectionType } from '../commonTypes-TGqbHlp_.js';

declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
declare const DialogPortal: {
    ({ ...props }: DialogPrimitive.DialogPortalProps): React.JSX.Element;
    displayName: string | undefined;
};
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
    persist?: boolean;
    hideCloseButton?: boolean;
    container?: HTMLElement;
    overlayProps?: React.ComponentPropsWithoutRef<typeof DialogOverlay>;
    classNames?: {
        content?: string;
        overlay?: string;
        closeButton?: string;
    };
    ids?: {
        overlay?: string;
        closeButton?: string;
        closeIcon?: string;
    };
} & React.RefAttributes<HTMLDivElement>>;
declare const DialogCarouselContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
    hideCloseButton?: boolean;
    hidePrevButton?: boolean;
    persist?: boolean;
    onPrev?: () => void;
} & React.RefAttributes<HTMLDivElement>>;
declare const DialogHeader: {
    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
    displayName: string;
};
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
declare const DialogFooter: {
    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
    displayName: string;
};
interface DialogCarouselProps {
    children: React.ReactNode;
    stepsApi?: any;
    stepsRef?: any;
    direction?: DirectionType;
}
declare const DialogCarousel: React.FC<DialogCarouselProps>;
interface DialogStepsProps {
    currentStep: string;
    visibleStepRef: React.RefObject<HTMLDivElement>;
    children: React.ReactNode;
}
declare const DialogSteps: React.FC<DialogStepsProps>;
interface DialogStepProps {
    id: string;
    children: React.ReactNode;
    className?: string;
    stepRef?: any;
}
declare const DialogStep: React.FC<DialogStepProps>;
interface DialogBodyProps {
    children: React.ReactNode;
    className?: string;
}
declare const DialogBody: React.FC<DialogBodyProps>;

export { Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger };