service-component-local-state.js

import React, { useState } from "react";

import { Button, Modal } from "antd";

const EditModal = ({ children, nameBtn = 'Button', titleModal = 'Modal Title' }) => {

  const [ modalVisible, setModalVisible ] = useState(false);

  return (
    <>
      <Button className='ml-auto' type="primary" onClick={ () => setModalVisible(true) }>{ nameBtn }</Button>
      <Modal
        title={ titleModal }
        centered
        visible={ modalVisible }
        onOk={ () => setModalVisible(false) }
        onCancel={ () => setModalVisible(false) }
      >
        { children }
      </Modal>
    </>
  )
}

export default EditModal;