Paysites Reactjs Tours
npm install @logangroup/toursEach Component encapsulate a Tour design/template

#### Props
| Props Name | Description | Required |
|-------------|-------------|----------|
| tour | Representation of the Tour | required |
| device | Information about the device | required |
| query | The query string to be used for tracking/url | required |
| resources | Collection of resources included in the Tour | required |
| tracking | Tracking information and join information | required |
| location | Location information | required |
| preview | Identify if the component is under preview mode | Default to false |

#### Props
| Props Name | Description | Required |
|-------------|-------------|----------|
| tour | Representation of the Tour | required |
| device | Information about the device | required |
| query | The query string to be used for tracking/url | required |
| resources | Collection of resources included in the Tour | required |
| tracking | Tracking information and join information | required |
| location | Location information | required |
| preview | Identify if the component is under preview mode | Default to false |

#### Props
| Props Name | Description | Required |
|-------------|-------------|----------|
| tour | Representation of the Tour | required |
| device | Information about the device | required |
| query | The query string to be used for tracking/url | required |
| resources | Collection of resources included in the Tour | required |
| tracking | Tracking information and join information | required |
| location | Location information | required |
| preview | Identify if the component is under preview mode | Default to false |

#### Props
| Props Name | Description | Required |
|-------------|-------------|----------|
| tour | Representation of the Tour | required |
| device | Information about the device | required |
| query | The query string to be used for tracking/url | required |
| resources | Collection of resources included in the Tour | required |
| tracking | Tracking information and join information | required |
| location | Location information | required |
| preview | Identify if the component is under preview mode | Default to false |
``javascript
import React, { Fragment } from 'react';
import { TourV4, TourV7, TourC1 } from '@logangroup/tours';
import { BrowserRouter } from 'react-router-dom';
const state = require('./state');
function App() {
return (
export default App;
``