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;
}