import React from 'react';
import {View} from 'react-native';
import {IconArrowUp} from '@tabler/icons-react-native';
import {Button} from '@components';

import {styles} from './styles';

interface Props {
  text: string;
  onPress: () => void;
}

export function AbsolutePill({text, onPress}: Props) {
  return (
    <View style={styles.container}>
      <Button
        onPress={onPress}
        style={styles.buttonContainer}
        text={text}
        IconRight={IconArrowUp}
      />
    </View>
  );
}