@rneui/base/dist/Tooltip/components/Triangle.js

Cross Platform React Native UI Toolkit

import React from 'react';
import { View, StyleSheet, } from 'react-native';
const Triangle = ({ style, pointerColor, isDown }) => (React.createElement(View, { testID: "RNE__Tooltip_Triangle", style: StyleSheet.flatten([
        styles.triangle,
        {
            borderBottomColor: pointerColor,
        },
        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',
        borderBottomColor: 'white',
    },
});
export default React.memo(Triangle);