// tslint:disable max-classes-per-file
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 = (
{/* tslint:disable-next-line: max-line-length */}
);
const Reusable: Example = {
icon,
samples: [UseExample, UseShapes, DefsExample, SymbolExample],
};
export default Reusable;