import type { PressableProps } from 'react-native';
import type { StyledProps } from '../../../theme/types';
import type { CustomProps, PlatformProps } from '../../types';
export interface InterfacePressableProps<T = IPressableProps>
  extends PressableProps,
    StyledProps,
    PlatformProps<T> {
  /**
   * Called when a mouse enters the Pressable
   */
  onHoverIn?: () => void;
  /**
   * Called when a mouse leaves the Pressable
   */
  onHoverOut?: () => void;
  /**
   * Called when Pressable receives focus
   */
  onFocus?: () => void;
  /**
   * Called when Pressable loses focus
   */
  onBlur?: () => void;
  /**
   * Style props to be applied when hovered
   */
  _hover?: Omit<Partial<T>, '_hover'>;
  /**
   * Style props to be applied when pressed
   */
  _pressed?: Omit<Partial<T>, '_pressed'>;
  /**
   * Style props to be applied when focus
   */
  _focus?: Omit<Partial<T>, '_focus'>;

  /**
   * Style props to be applied when disabled
   */
  _disabled?: Omit<Partial<T>, '_disabled'>;

  /**
   * 	If true, the p will be disabled.
   */
  isDisabled?: boolean;
  /**
   * 	If true, the p will be hovered.
   */
  isHovered?: boolean;
  /**
   * 	If true, the p will be pressed.
   */
  isPressed?: boolean;
  /**
   * 	If true, the p will be focused.
   */
  isFocused?: boolean;
  /**
   * 	If true, the focus ring will be visible .
   */
  isFocusVisible?: boolean;
  /**
   * Style props to be applied when focus visible. These styles will be only applied when user is interacting the app using a keyboard. (Web only)
   */
  _focusVisible?: Omit<Partial<T>, '_focusVisible'>;

  children?:
    | React.ReactNode
    | (({
        isPressed,
        isHovered,
        isFocused,
      }: {
        isPressed: boolean;
        isHovered: boolean;
        isFocused: boolean;
      }) => any);
}

// export type IPressableProps<T> =
//   | InterfacePressableProps<T>
//   & CustomProps<'Pressable'>;

export type IPressableProps = InterfacePressableProps<IPressableProps> &
  CustomProps<'Pressable'>;