import React from 'react';
import { requireNativeComponent } from 'react-native';
import extractViewBox from '../lib/extract/extractViewBox';
import Shape from './Shape';

export default class Symbol extends Shape {
  static displayName = 'Symbol';

  render() {
    const { props } = this;
    const { id, children } = props;
    return (
      <RNSVGSymbol name={id} {...extractViewBox(props)}>
        {children}
      </RNSVGSymbol>
    );
  }
}

const RNSVGSymbol = requireNativeComponent('RNSVGSymbol');

@@ -351,16 +351,53 @@
 VGSymbol
+%0A        ref=%7Bthis.refMethod%7D%0A       
  name=%7Bi
@@ -398,16 +398,24 @@
 ame=%7Bid%7D
+%0A       
  %7B...ext
@@ -433,16 +433,23 @@
 (props)%7D
+%0A      
 %3E%0A      

add ref method to Symbol, allowing setNativeProps to work