import React, {
    Component,
    PropTypes
} from 'react-native';

import ViewBox from './ViewBox';
import Defs from './Defs';
import extractViewbox from '../lib/extractViewbox';
class SymbolElement extends Component{
    static displayName = 'Symbol';
    static propType = {
        id: PropTypes.string.isRequired
    };
    render() {
        let {props} = this;
        return <Defs.Item
            id={props.id}
            svgId={props.svgId}
        >
            <ViewBox
                {...props}
                viewbox={props.viewbox}
                preserveAspectRatio={props.preserveAspectRatio}
                shouldTransform={true}
            >
                {props.children}
            </ViewBox>
        </Defs.Item>
    }
}

export default SymbolElement;