You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
24 lines
580 B
24 lines
580 B
2 years ago
|
import { FunctionComponent, ReactNode } from "react";
|
||
|
import { Modal } from "react-bootstrap";
|
||
|
import { useModalData } from "./hooks";
|
||
|
|
||
|
interface StandardModalProps {
|
||
|
title: string;
|
||
|
footer?: ReactNode;
|
||
|
}
|
||
|
|
||
|
export const StandardModalView: FunctionComponent<StandardModalProps> = ({
|
||
|
children,
|
||
|
footer,
|
||
|
title,
|
||
|
}) => {
|
||
|
const { closeable } = useModalData();
|
||
|
return (
|
||
|
<>
|
||
|
<Modal.Header closeButton={closeable}>{title}</Modal.Header>
|
||
|
<Modal.Body>{children}</Modal.Body>
|
||
|
<Modal.Footer hidden={footer === undefined}>{footer}</Modal.Footer>
|
||
|
</>
|
||
|
);
|
||
|
};
|