/**
 * React Native Full App (https://store.enappd.com/product/react-native-full-app)
 *
 * Copyright © 2019-present Enappd. All rights reserved.
 *
 * This source code is licensed as per the terms found in the
 * LICENSE.md file in the root directory of this source tree.
 */

import React from 'react';
import { View, Button, Icon, Input } from 'native-base';
import styles from './styles';

const AddRemoveCounterComponent = (props: any) => {
  const {
    subtractCount,
    remove,
    text,
    addCount,
    add,
    // openAlert
  } = props;
  return (
    <View style={styles.counterView}>
      <Button transparent onPress={subtractCount} disabled={text <= 0}>
        <Icon
          name="remove-circle-outline"
          type="Ionicons"
          style={{ color: remove }}
        />
      </Button>

      <Input disabled placeholder="4" value={`${text}`} />
      <Button transparent onPress={addCount}>
        <Icon
          name="ios-add-circle-outline"
          type="Ionicons"
          style={{ color: add }}
        />
      </Button>
    </View>
  );
};
export default AddRemoveCounterComponent;
