import { Image, ImageProps, View, ViewProps } from 'react-native';
import React from 'react';
import { HeaderSubviewTypes, ScreenStackHeaderConfigProps } from '../types';

export const ScreenStackHeaderBackButtonImage = (
  props: ImageProps,
): JSX.Element => (
  <View>
    <Image resizeMode="center" fadeDuration={0} {...props} />
  </View>
);

export const ScreenStackHeaderRightView = (props: ViewProps): JSX.Element => (
  <View {...props} />
);

export const ScreenStackHeaderLeftView = (props: ViewProps): JSX.Element => (
  <View {...props} />
);

export const ScreenStackHeaderCenterView = (props: ViewProps): JSX.Element => (
  <View {...props} />
);

export const ScreenStackHeaderSearchBarView = (
  props: ViewProps,
): JSX.Element => <View {...props} />;

export const ScreenStackHeaderConfig = (
  props: ScreenStackHeaderConfigProps,
): JSX.Element => <View {...props} />;

export const ScreenStackHeaderSubview: React.ComponentType<
  ViewProps & { type?: HeaderSubviewTypes }
> = View;