"use client";
import React, { useState } from 'react';
import ProductionRecordingModal from './ProductionRecordingModal';
import { Box, Button } from '@mui/material';

const ProductionProcess: React.FC = () => {
  const [isModalOpen, setIsModalOpen] = useState<boolean>(false);
  console.log("prodcution process");
  return (
    <>
      <Button
        variant="contained"
        color="primary"
        size="large"
        onClick={() => setIsModalOpen(true)}
        sx={{ fontWeight: 500, borderRadius: 2, mb: 2 }}
      >
        Open Production Recording Modal
      </Button>

      <ProductionRecordingModal 
        isOpen={isModalOpen}
        onClose={() => setIsModalOpen(false)}
      />
    </>
  );
};

export default ProductionProcess;