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

type Props = {
  product: IProductDetail
}
const ProductPromoModal = ({product}:Props) => {
  const { active, closeModal } = useModalStore()

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

      <div className='h-4' />

      <ProductPromoModalContent product={product} />
    </Modal>
  )
}

export default ProductPromoModal