import { useState } from 'react'
import Table from './components/Table.jsx';
import buildings from './data.js';
import './CSS/App.css'
import Chart from './components/Chart.jsx'
import  Task from './components/Task.jsx'


function App() {
  const [count, setCount] = useState(0)
  const [filteredData, setFilteredData] = useState(buildings);
  return (
    <div className="App">
       <h3>Самые высокие здания и сооружения</h3>
       <Chart data={ filteredData } />
        <Table data={ buildings } setFilteredDataCallback={setFilteredData} amountRows="15" />
        <Task interval="1000"/>
    </div>
  )
}

export default App