"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _reactNative = require("react-native");
/**
 * BottomSlot props
 *
 * @category Props
 */

/**
  @category Component
 */
const BottomSlot = props => {
  return /*#__PURE__*/React.createElement(_reactNative.View, {
    style: styles.container
  }, props.children.map((Child, index) => /*#__PURE__*/React.createElement(_reactNative.View, {
    key: index,
    style: styles.childWrap
  }, Child)));
};
var _default = exports.default = BottomSlot;
const styles = _reactNative.StyleSheet.create({
  container: {
    position: 'absolute',
    left: '50%',
    bottom: 5,
    transform: [{
      translateX: -50
    }],
    display: 'flex',
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center'
  },
  childWrap: {
    marginLeft: 2,
    marginRight: 2
  }
});
//# sourceMappingURL=BottomSlot.js.map