krypton-ui
Version:
<h1 align="center"> <p align="center"><a href="https://krypton-ui.com"><img src="https://user-images.githubusercontent.com/7073241/224507377-395bffc0-9ff7-4d74-865b-f734394a7e7e.png" alt="Krypton" width="200"></a></p> </h1>
29 lines (28 loc) • 813 B
TypeScript
import { ComponentPropsWithoutRef } from "react";
import { Color } from "../../types";
type ChildrenType = {
children?: React.ReactNode;
};
type ModalBodyType = {
children: React.ReactNode;
};
type ModalHeaderType = ModalBodyType & {
closeButton: boolean;
onClose?: () => void;
};
type ModalType = ChildrenType & {
isOpen: boolean;
onClose: () => void;
color?: Color;
};
export type ReactPortalType = ChildrenType & {
className?: string;
parent?: HTMLDivElement;
};
export type BackgroundStyledProps = {
isOpen?: boolean;
};
export type ModalBodyProps = ComponentPropsWithoutRef<"section"> & ModalBodyType;
export type ModalHeaderProps = ComponentPropsWithoutRef<"header"> & ModalHeaderType;
export type ModalProps = ComponentPropsWithoutRef<"div"> & ModalType;
export {};