ol-modal.tsx 942 B

12345678910111213141516171819202122232425262728293031323334353637
  1. import {
  2. Modal,
  3. ModalProps,
  4. ModalHeaderProps,
  5. ModalTitleProps,
  6. ModalFooterProps,
  7. } from 'react-bootstrap'
  8. import { ModalBodyProps } from 'react-bootstrap/ModalBody'
  9. type OLModalProps = ModalProps & {
  10. size?: 'sm' | 'lg'
  11. onHide: () => void
  12. }
  13. export default function OLModal({ children, ...props }: OLModalProps) {
  14. return <Modal {...props}>{children}</Modal>
  15. }
  16. export function OLModalHeader({ children, ...props }: ModalHeaderProps) {
  17. return <Modal.Header {...props}>{children}</Modal.Header>
  18. }
  19. export function OLModalTitle({ children, ...props }: ModalTitleProps) {
  20. return (
  21. <Modal.Title as="h2" {...props}>
  22. {children}
  23. </Modal.Title>
  24. )
  25. }
  26. export function OLModalBody({ children, ...props }: ModalBodyProps) {
  27. return <Modal.Body {...props}>{children}</Modal.Body>
  28. }
  29. export function OLModalFooter({ children, ...props }: ModalFooterProps) {
  30. return <Modal.Footer {...props}>{children}</Modal.Footer>
  31. }