import React, { Component } from 'react';
import classNames from 'classnames/bind';
import { Switch } from 'react-router';
import { Route } from 'react-router-dom';
import Listing from 'components/routes/Generic/Listing';
import styleIdentifiers from './otherItemLayout.scss';

const styles = classNames.bind(styleIdentifiers);

export interface StateProps {}

export interface DispatchProps {}

export interface OwnProps {}

export type OtherItemLayoutProps = StateProps & DispatchProps & OwnProps;

interface OtherItemLayoutState {}

export default class OtherItemLayout extends Component<OtherItemLayoutProps, OtherItemLayoutState> {
  render(): JSX {
    return (
      <div className={styles('OtherItemLayout')}>
        <Switch>
          <Route component={Listing} />
        </Switch>
      </div>
    );
  }
}
