import React from 'react';
import * as Svg from 'react-native-svg';
import Example from './Example';
const { Defs, G, Path, Use, Symbol, Circle, ClipPath, LinearGradient, RadialGradient, Stop, Rect } =
Svg;
class UseExample extends React.Component {
static title = 'Reuse svg code';
render() {
return (
);
}
}
class UseShapes extends React.Component {
static title = 'Using Shapes Outside of a Defs Element';
render() {
return (
);
}
}
class DefsExample extends React.Component {
static title = 'Basic Defs usage';
render() {
return (
);
}
}
class SymbolExample extends React.Component {
static title = 'Symbol example, reuse elements with viewBox prop';
render() {
return (
);
}
}
const icon = (
);
const Reusable: Example = {
icon,
samples: [UseExample, UseShapes, DefsExample, SymbolExample],
};
export default Reusable;