import './style.css';
import React, { useState } from 'react';
import Nav from './components/nav/Nav';
import Filter01 from './components/Filters/Filter01/Filter01';
import Filter02 from './components/Filters/Filter02/Filter02';
import DateFilter from './components/Filters/datafilter/DateFilter';
import Filter04 from './components/Filters/Filter04/Filter04';
import Filter05 from './components/Filters/Filter05/Filter05';
import MyTable from './components/chart/MyTable';

function App() {
  const [filter01, setFilter01] = useState('');
  const [filtersSubmitted, setFiltersSubmitted] = useState(false);

  const handleFilterSubmit = () => {
    setFiltersSubmitted(true);
  };

  return (
    <>
      {/* ... (other components remain unchanged) */}
      <Filter01 setFilterValue={(value) => setFilter01(value)} />
      <button onClick={handleFilterSubmit}>Submit Filters</button>
      <MyTable filterValues={{ filter01 }} filtersSubmitted={filtersSubmitted} />
      
    </>
  );
}

export default App;