import { ModalProvider } from '@jaewoong2/modal'

const App = () => {
   return (
      <ModalProvider>
         <RootComponent />
      </ModalProvider>
   )
}

import { useModal } from "@jaewoong2/modal"

const ChildComponent = ({ options }) => {
   const { show, hide } = useModal('normal', {  ...options })

   return (
      <button onClick={show}>SHOW</button>
      <button onClick={hide}>HIDE</button>
   )
}

import { useModal } from "@jaewoong2/modal"

const ChildComponent = ({ options }) => {
   const { show, hide } = useModal('text', {  ...options })

   return (
      <button onClick={show}>SHOW</button>
      <button onClick={hide}>HIDE</button>
   )
}

import { useModal } from "@jaewoong2/modal"

const ChildComponent = ({ options }) => {
   const { show, hide } = useModal('button', {  ...options })

   return (
      <button onClick={show}>SHOW</button>
      <button onClick={hide}>HIDE</button>
   )
}