import { View, StyleSheet } from 'react-native';
/**
 * BottomSlot props
 *
 * @category Props
 */

/**
  @category Component
 */
const BottomSlot = props => {
  return /*#__PURE__*/React.createElement(View, {
    style: styles.container
  }, props.children.map((Child, index) => /*#__PURE__*/React.createElement(View, {
    key: index,
    style: styles.childWrap
  }, Child)));
};
export default BottomSlot;
const styles = 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