import React from 'react';
import './App.css';
import DrawingCanvas from './components/DrawingCanvas';

function App() {
  const [color, setColor] = React.useState('#000000');
  const [thickness, setThickness] = React.useState(5);
  const [history, setHistory] = React.useState([]);

  return (
    <div className="App">
      <div className="app-container">
        <h1>Drawing App</h1>
        <DrawingCanvas 
          color={color}
          setColor={setColor}
          thickness={thickness}
          setThickness={setThickness}
          history={history}
          setHistory={setHistory}
        />
      </div>
    </div>
  );
}

export default App;