import React from 'react';
import { StyleSheet } from 'react-native';
import { View } from '../../primitives';

const Triangle = ({
  style,
  isDown,
  borderBottomColor
}) => /*#__PURE__*/React.createElement(View, {
  borderBottomColor: borderBottomColor,
  style: [styles.triangle, style, isDown ? styles.down : {}]
});

const styles = StyleSheet.create({
  down: {
    transform: [{
      rotate: '180deg'
    }]
  },
  triangle: {
    width: 0,
    height: 0,
    backgroundColor: 'transparent',
    borderStyle: 'solid',
    borderLeftWidth: 8,
    borderRightWidth: 8,
    borderBottomWidth: 15,
    borderLeftColor: 'transparent',
    borderRightColor: 'transparent'
  }
});
export default Triangle;
//# sourceMappingURL=Triangle.js.map