import { Tooltip, Button } from "react-native-magnus";

const tooltipRef = React.createRef();

<Tooltip ref={tooltipRef} text="Best tooltip ever!">
  <Button
    mt="sm"
    block
    onPress={() => {
      if (tooltipRef.current) {
        tooltipRef.current.show();
      }
    }}
  >
    Show Tooltip
  </Button>
</Tooltip>;

import { Tooltip, Button } from "react-native-magnus";

const tooltipRef = React.createRef();

<Tooltip
  ref={tooltipRef}
  text={
    <Row bg="transparent" alignItems="center" justifyContent="center">
      <Icon name="heart" color="white" />
      <Text color="white" ml="md">
        Custom tooltip content
      </Text>
    </Row>
  }
  bg="red500"
>
  <Button
    mt="sm"
    block
    onPress={() => {
      if (tooltipRef.current) {
        tooltipRef.current.show();
      }
    }}
  >
    Show me tooltip
  </Button>
</Tooltip>;