text: import React from 'react'
  import { useDispatch } from 'react-redux'
  import {
    ModalClose,
    ModalHeader,
    ModalFooter,
  } from '@open-tender/components-pos'
  import OrderTypes from '../OrderTypes'
  import { closeModal } from '../../slices'
  
  const OrderTypesModal = () => {
    const dispatch = useDispatch()
    return (
      <>
        <ModalClose close={() => dispatch(closeModal())} />
        <ModalHeader title="Change order type" />
        <ModalFooter>
          <OrderTypes />
        </ModalFooter>
      </>
    )
  }
  
  OrderTypesModal.displayName = 'OrderTypesModal'
  
  export default OrderTypesModal
  