import React from 'react';
import { string, number, func } from 'prop-types';
import { View } from 'react-native-web';
import styled from 'styled-components';
import AddSvg from './test.svg';

// const Wrap = styled(View)`
//   display: flex;
//   flex-shrink: 0;
//   width: ${props => (props.size * 10) || props.width};
//   height: ${props => (props.size * 10) || props.height};

//   svg {
//     width: 100%;
//     height: 100%;
//   };
// `;

class Svg extends React.PureComponent {
  render() {
    const { svg, width, size, className, onClick } = this.props;

    return (
      // <Wrap
      //   width={width}
      //   size={size}
      //   className={className}
      //   onClick={onClick}
      //   dangerouslySetInnerHTML={{ __html: svg }}
      // />
      <View>
        <AddSvg width={120} height={40} />
      </View>
      // <SvgUri
      //   width="200"
      //   height="200"
      //   source={{
      //     uri: 'http://thenewcode.com/assets/images/thumbnails/homer-simpson.svg',
      //   }}
      // />
    );
  }
}

Svg.propTypes = {
  svg: string.isRequired,
  width: number,
  size: number,
  onClick: func,
  className: string,
};

Svg.defaultProps = {
  width: undefined,
  size: undefined,
  onClick() {},
  className: undefined,
};

export default Svg;

