Feature - Modal component [Dev]

[omarefg]

Checklist ✅

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

The Modal component is a way to provide the user information that do have another context but not necessarily needs the user to go to another module.

It will be used this way:

import { Modal } from '@platily-ui/components'

const MyComponent = () => {
  return (
    <Modal>
      <p>Title</p>
      <div> Content </div>
    </Modal>
  )
}

As dialog is still experimental we'll be using div as root tag, the component shoudl receive:

• All HTML props for div element
• isOpen (if true the modal is shown, otherwise is hidden) required
• children (the component needs to be extendable to use whatever the user wants, so all the content is passed as children)

Requirements 🌈

• The components neets to be tested using unit testing

Motivation 🔦

to provide the user information that do have another context but not necessarily needs the user to go to another module.