Components
Plaholders

Placeholding component

It is a component that return a string of HTML tags that occupies a position for another components to be rendered later.

const Placeholder = ({id, className}) => {
  return `
    <div 
      id="${id}"
      class="${className}" 
    ></div>`;
}
 
//usage
<Placeholder id="page" />
<Placeholder id="modal" className="hidden" />
<Placeholder id="notification" className="hidden" />