import React, {ReactNode} from 'react';
import {View} from 'react-native';
import {Title, Tooltip} from '@components';

import {styles} from './styles';

interface Props {
  label: string;
  tooltip?: string;
  children?: ReactNode;
}

export function TextWithTooltip({label, tooltip, children}: Props) {
  return (
    <View style={styles.container}>
      <Title size="s" title={label} />
      <Tooltip info={tooltip} iconSize="lg">
        {children}
      </Tooltip>
    </View>
  );
}