import PropTypes from 'prop-types';
import React from 'react';
import { StyleSheet } from 'react-native';
import { ViewPropTypes } from 'deprecated-react-native-prop-types';
import decorateMapComponent, {
  SUPPORTED,
  NOT_SUPPORTED,
  DecoratedComponent,
} from './decorateMapComponent';

const propTypes = {
  ...ViewPropTypes,
  onPress: PropTypes.func,
};

const defaultProps = {};

class MapCalloutSubview extends DecoratedComponent {
  static propTypes = propTypes;
  static defaultProps = defaultProps;
  render() {
    const AIRMapCalloutSubview = this.getAirComponent();
    return (
      <AIRMapCalloutSubview
        {...this.props}
        style={[styles.calloutSubview, this.props.style]}
      />
    );
  }
}

const styles = StyleSheet.create({
  calloutSubview: {},
});

export default decorateMapComponent(MapCalloutSubview, {
  componentType: 'CalloutSubview',
  providers: {
    google: {
      ios: SUPPORTED,
      android: NOT_SUPPORTED,
    },
  },
});