# cartflows/trunk/wizard/assets/src/WizardMain.js

CartFlows – Funnel Builder & Checkout Plugin for WooCommerce, version trunk. 29 lines.

- Page: https://pluginprobe.com/plugins/cartflows/trunk/code/wizard/assets/src/WizardMain.js
- Raw: https://pluginprobe.com/plugins/cartflows/trunk/raw/wizard/assets/src/WizardMain.js
- Modified: 2023-11-07T15:52:54+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/cartflows/trunk/code/wizard/assets/src/WizardMain.js#L10-L20`.

```javascript
import React, { useState } from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

/* Component */
import WizardRoute from './WizardRoute';

function WizardMain() {
	const [ templatePreview, setTemplatePreview ] = useState( false );
	return (
		<Router>
			<div
				className={ `wizard-route bg-white h-screen ${
					templatePreview ? 'overflow-hidden' : ''
				}` }
			>
				<Switch>
					<Route path="/">
						<WizardRoute
							setTemplatePreview={ setTemplatePreview }
						/>
					</Route>
				</Switch>
			</div>
		</Router>
	);
}

export default WizardMain;

```