Mobile PaxConfig Example:


```jsx
const paxAgeOptions = [
    { value: '1', label: '1' },
    { value: '2', label: '2' },
    { value: '3', label: '3' },
    { value: '4', label: '4' },
    { value: '5', label: '5' },
    { value: '6', label: '6' },
    { value: '7', label: '7' },
    { value: '8', label: '8' },
    { value: '9', label: '9' },
    { value: '10', label: '10' },
    { value: '11', label: '11' },
    { value: '12', label: '12' }

];
class MobilePaxConfigExample extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            MobilePaxConfigArray:[]
        }
    }

 onBlurMobilePaxConfigText(value) {
        this.setState({ MobilePaxConfigArray: value });
    }
    render(){
        return(
<MobilePaxConfig 
    defaultAdultCount={2}
    adultAgeRangeLabel='(12 yrs & above)'
    childAgeRangeLabel='(2 - 12 yrs)'
    paxAgeOptions={paxAgeOptions}
    maxAdult={6}
    minAdult={1}
    maxChild={4}
    minChild={0}
    maximumRooms={5}
    guestPerRooms={6}
    totalPax={9}
    onBlurMobilePaxConfigText={this.onBlurMobilePaxConfigText.bind(this)}
    />
    );
}
}; <MobilePaxConfigExample />
```