brandonchadlange/modal-with-no-dependancies.tsx

## modal-with-no-dependancies.tsx
import { useState } from "react";

export interface BodyProps {
  close: () => void;
}

interface UseModalProps {
  Body: (props: BodyProps) => JSX.Element;
}

const useModal = ({ Body }: UseModalProps) => {
  const [opened, setOpened] = useState(false);

  const open = () => {
    setOpened(true);
  };

  const close = () => {
    setOpened(false);
  };

  return {
    Modal: () => (
      <Modal opened={opened} onClose={close}>
        <Body close={close} />
      </Modal>
    ),
    open,
    close,
  };
};

export default useModal;
	import { useState } from "react";

	export interface BodyProps {
	close: () => void;
	}

	interface UseModalProps {
	Body: (props: BodyProps) => JSX.Element;
	}

	const useModal = ({ Body }: UseModalProps) => {
	const [opened, setOpened] = useState(false);

	const open = () => {
	setOpened(true);
	};

	const close = () => {
	setOpened(false);
	};

	return {
	Modal: () => (
	<Modal opened={opened} onClose={close}>
	<Body close={close} />
	</Modal>
	),
	open,
	close,
	};
	};

	export default useModal;