benjitaylor/drawesome ? reverse-engineered prompt

Build me a React drawing component like the one in this repo, with a clean toolbar and a real canvas feel.

I want seven different pen styles that behave naturally, plus an eraser that removes part of a stroke instead of deleting the whole line. The drawing area should fill its parent, work with a set height on the wrapper, and let me set a fixed board size if I want. Add controls for color, size, opacity, undo, clear, and a way to hide or reorder tools. It should support a light or dark looking toolbar, custom swatches, keyboard shortcuts, and starting with existing strokes loaded in.

Also include a way to export the drawing as SVG or PNG, and let me download it straight from the component. If it helps, look up current React and TypeScript docs online as needed, but keep the implementation simple and dependency free beyond React.