Exporting `Svg` components to align with react-native-svg
_I am..._

| -------------------------------------------------------------------------------------------------
| Requesting a new feature
| -------------------------------------------------------------------------------------------------

**Proposal/Feature-request:**

To provide a seamless integration possibility between `react-sketchapp` and `react-native-svg`, it should be possible to use the same export structure for `Svg` components as `react-native-svg` does (e.g. to support `@svgr/core`'s native parsing possibilities).

**Current situation:**

```jsx
import { Svg } from 'react-sketchapp';

export const CircleIcon = (props) => (
  <Svg viewBox="0 0 24 24" {...props}>
    <Svg.Circle cx={12} cy={12} r={1} />
  </Svg>
);
```

**`react-native-svg` approach:**

```jsx
import { Svg, Circle } from 'react-sketchapp';

export const CircleIcon = (props) => (
  <Svg viewBox="0 0 24 24" {...props}>
    <Circle cx={12} cy={12} r={1} />
  </Svg>
);
```