Desktop PaxConfig:

```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 DesktopPaxConfigExample extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            PaxConfigArray:[]
        }
    }

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