# All files / tooltip Triangle.js

100% Statements 4/4
50% Branches 1/2
100% Functions 1/1
100% Lines 4/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41

    1x
    4x

    1x

    1x

     import React from 'react';
    import PropTypes from 'prop-types';
    import { View, StyleSheet } from 'react-native';

    import ViewPropTypes from '../config/ViewPropTypes';

    const Triangle = ({ style, isDown }) => (
      <View
        style={StyleSheet.flatten([
          styles.triangle,
          style,
          isDown ? styles.down : {},
        ])}
      />
    );

    Triangle.propTypes = {
      style: ViewPropTypes.style,
      isDown: PropTypes.bool,
    };

    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',
        borderBottomColor: 'white',
      },
    });

    export default Triangle;