import { openModal, closeModal, RMUOutlet, RMUProvider } from '@violice/rmu';

const Example = () => {
  return (
    <RMUProvider>
       <button
        onClick={() => {
          const modal = openModal(
            <TestModal onClose={() => closeModal(modal)} />
          );
        }}
      >
        Open modal
      </button>
      <SomeContextProvider>
        <button onClick={() => {
          const modal = openModal(
            <TestContextModal onClose={() => closeModal(modal)} />,
            { outletId: 'MY_OUTLET' },
          );
        }}>
          Open modal with access to some context
        </button>
        <RMUOutlet outletId="MY_OUTLET">
      </SomeContextProvider>
      <RMUOutlet />
    </RMUProvider>
  );
};