import React from 'react'
import { Modal } from "~/components/ui/modal"
import { useModalStore } from '../stores/useModalStore'
import ProductPromoCategoryTab from './CategoryTab'
import ProductPromoModalContent from './ModalContent'

const ProductPromoModal = () => {
  const { active, closeModal } = useModalStore()

  return (
    <Modal
      active={active}
      close={closeModal}
      title='Promo Tersedia'
    >
      <ProductPromoCategoryTab />

      <div className='h-4' />

      <ProductPromoModalContent />
    </Modal>
  )
}

export default ProductPromoModal