30 lines
870 B
JavaScript
30 lines
870 B
JavaScript
|
import React, {Component} from 'react';
|
||
|
|
import PropTypes from 'prop-types';
|
||
|
|
import extractViewBox from '../lib/extract/extractViewBox';
|
||
|
|
import createReactNativeComponentClass from '../lib/createReactNativeComponentClass';
|
||
|
|
import {SymbolAttributes} from '../lib/attributes';
|
||
|
|
|
||
|
|
export default class extends Component{
|
||
|
|
static displayName = 'Symbol';
|
||
|
|
static propTypes = {
|
||
|
|
id: PropTypes.string.isRequired,
|
||
|
|
viewBox: PropTypes.string,
|
||
|
|
preserveAspectRatio: PropTypes.string
|
||
|
|
};
|
||
|
|
render() {
|
||
|
|
let {props} = this;
|
||
|
|
|
||
|
|
return <RNSVGSymbol
|
||
|
|
name={props.id}
|
||
|
|
{...extractViewBox(props)}
|
||
|
|
>
|
||
|
|
{props.children}
|
||
|
|
</RNSVGSymbol>;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
const RNSVGSymbol = createReactNativeComponentClass('RNSVGSymbol', () => ({
|
||
|
|
validAttributes: SymbolAttributes,
|
||
|
|
uiViewClassName: 'RNSVGSymbol'
|
||
|
|
}));
|