import React from "react";
import { Pressable, Text, ViewStyle } from "react-native";

interface IconButtonProps {
  onPress: () => void;
  label: string;
  size?: number;
  style?: ViewStyle;
  className?: string;
}

export function IconButton({
  onPress,
  label,
  size = 24,
  className = "",
}: IconButtonProps) {
  return (
    <Pressable
      onPress={onPress}
      className={`items-center justify-center ${className}`}
      style={{ width: size, height: size }}
      hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}
    >
      <Text className="text-pai-text-secondary" style={{ fontSize: size * 0.7 }}>
        {label}
      </Text>
    </Pressable>
  );
}