Popup Modal Component Usage

import React, { useState } from "react";
import { PopupModal, Button } from "@/@core";
 
const PopupModalExample = () => {
  const [show, setShow] = useState(false);
 
  return (
    <div>
      <Button onClick={() => setShow(!show)}>Open Modal</Button>
      <PopupModal
        show={show}
        onClose={() => setShow(false)}
        title="Modal Title"
        titleSize="lg"
        titleClassName="text-red-500"
        closeIconClassName="text-red-500"
        bodyClassName="bg-red-500"
        overlayClassName="bg-red-500"
      >
        <div className="p-4">
          <p className="text-white">Modal Content</p>
        </div>
      </PopupModal>
    </div>
  );
};