28 lines
661 B
JavaScript
28 lines
661 B
JavaScript
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;
|