import { TouchableOpacity } from "react-native";
import { IconButton, Text } from "react-native-paper";

export const CombinedFilterAnchor = ({
  setVisible,
}: {
  setVisible: (visible: boolean) => void;
}) => (
  <TouchableOpacity
    onPress={() => setVisible(true)}
    className="flex-row items-center px-2 h-8 rounded bg-white"
    activeOpacity={0.7}
  >
    <Text style={{ fontSize: 12, color: "black" }}>Filter</Text>
    <IconButton
      icon="tune-vertical"
      size={18}
      onPress={() => setVisible(true)}
    />
  </TouchableOpacity>
);
