| 1 | import React, {
|
| 2 | PropTypes,
|
| 3 | Component,
|
| 4 | } from 'react';
|
| 5 |
|
| 6 | import {
|
| 7 | View,
|
| 8 | StyleSheet,
|
| 9 | } from 'react-native';
|
| 10 |
|
| 11 | const styles = StyleSheet.create({
|
| 12 | xAxis: {
|
| 13 | flex: 1,
|
| 14 | },
|
| 15 | borderContainer: {
|
| 16 | flex: 1,
|
| 17 | flexDirection: 'row',
|
| 18 | },
|
| 19 | });
|
| 20 |
|
| 21 | class AxisXContainer extends Component {
|
| 22 | static propTypes = {
|
| 23 | children: PropTypes.array,
|
| 24 | style: View.propTypes.style,
|
| 25 | }
|
| 26 | static defaultProps = {
|
| 27 | children: [],
|
| 28 | style: null,
|
| 29 | }
|
| 30 | render() {
|
| 31 | return (
|
| 32 | <View style={[styles.xAxis, this.props.style]}>
|
| 33 | <View style={styles.borderContainer}>
|
| 34 | {this.props.children}
|
| 35 | </View>
|
| 36 | </View>
|
| 37 | );
|
| 38 | }
|
| 39 | }
|
| 40 |
|
| 41 | export default AxisXContainer;
|