rn-try-n-buy-abfrl/src/component/floating/AddIcon.js

Virtual try-on plugin for ABFRL

import React, { PureComponent } from "react";
import PropTypes from "prop-types";
import { View, StyleSheet } from "react-native";

class AddIcon extends PureComponent {
  render() {
    const { width, height, backgroundColor } = this.props;

    return (
      <View style={styles.container}>
        <View style={[styles.vertical, { height, backgroundColor }]} />
        <View style={[styles.horizontal, { width, backgroundColor }]} />
      </View>
    );
  }
}

AddIcon.propTypes = {
  width: PropTypes.number,
  height: PropTypes.number,
  color: PropTypes.string
};

const styles = StyleSheet.create({
  container: {
    justifyContent: "center",
    alignItems: "center"
  },
  vertical: {
    width: 4,
    position: "absolute"
  },
  horizontal: {
    height: 4,
    position: "absolute"
  }
});

export default AddIcon;