Smiley face part 1
This example shows a simple smiling face made of three SVG circles: a large yellow head and two smaller black eyes. React renders the graphic inside a root div, while the circles themselves are drawn directly in an SVG element. The code uses React 18’s `ReactDOM.render` to mount the component, and SVG primitives like `<circle>` with attributes for position, radius, fill, and stroke. It demonstrates basic vector shapes and React’s integration with inline SVG markup.