import React, { PureComponent } from 'react';
import Svg, { Line } from 'react-native-svg';
import { View } from 'react-native';
export class NavArrow extends PureComponent {
    constructor() {
        super(...arguments);
        this.kDefaultHeight = 16;
        this.kDefaultWidth = 10;
        this.kDefaultColor = 'black';
        this.kDefaultStrokeWidth = 1;
    }
    render() {
        const { height = this.kDefaultHeight, width = this.kDefaultWidth, color = this.kDefaultColor, strokeWidth = this.kDefaultStrokeWidth } = this.props;
        if (height % 2 !== 0) {
            console.warn(`NavArrow component: height should be an even number; provided ${height}`);
        }
        const intersectY = Math.round(height / 2);
        return (<View style={this.props.style}>
        <Svg height={height} width={width}>
          <Line x1={0} x2={width} y1={0} y2={intersectY} stroke={color} strokeWidth={strokeWidth}/>
          <Line x1={0} x2={width} y1={height} y2={intersectY} stroke={color} strokeWidth={strokeWidth}/>
        </Svg>
      </View>);
    }
}
//# sourceMappingURL=NavArrow.js.map