36 lines
873 B
TypeScript
36 lines
873 B
TypeScript
import type { ComponentProps } from "react";
|
|
|
|
|
|
export type ModalBackgroundType = "darken" | "lighten" | "blur" | "darken-blur" | "lighten-blur" | "darken-blur-radial" | "lighten-blur-radial" | "transparent" | "none";
|
|
|
|
|
|
export interface ModalHeaderProps extends ComponentProps<"div"> {
|
|
onClose?: () => void;
|
|
className?: string;
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
export interface ModalFooterProps extends ComponentProps<"div"> {
|
|
className?: string;
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
export interface ModalBodyProps extends ComponentProps<"div"> {
|
|
className?: string;
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
export interface ModalProps {
|
|
display: boolean;
|
|
onClose: () => void;
|
|
className?: string;
|
|
backgroundType?: ModalBackgroundType;
|
|
top?: boolean;
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
export interface ModalBackgroundProps {
|
|
backgroundType?: ModalBackgroundType;
|
|
close: () => void;
|
|
}
|