text: import React from 'react'
  import PropTypes from 'prop-types'
  import { Switch, Route } from 'react-router-dom'
  import { titles } from 'components/head-title/head-title-common'
  
  // components
  import { withTitle } from 'components/head-title/withTitle'
  
  // containers
  import EditProfilePage from '../edit-profile-page/'
  import ChangePasswordPage from '../change-password-page/'
  import SettingsNotificationsPage from '../settings-notifications/'
  import ColorThemePage from '../color-theme-page/'
  import UserContactUsPage from '../user-contact-us-page/'
  import NotFoundPage from 'containers/not-found-page/loadable'
  
  // adding title
  const EditProfilePageWithTitle = withTitle(
    EditProfilePage,
    titles.SETTINGS_EDIT_PROFILE
  )
  const ChangePasswordWithTitle = withTitle(
    ChangePasswordPage,
    titles.SETTINGS_CHANGE_PASSWORD
  )
  const SettingsNotificationsWithTitle = withTitle(
    SettingsNotificationsPage,
    titles.SETTINGS_NOTIFICATIONS
  )
  const ColorThemePageWithTitle = withTitle(
    ColorThemePage,
    titles.SETTINGS_COLOR_THEME
  )
  const UserContactUsPageWithTitle = withTitle(
    UserContactUsPage,
    titles.SETTINGS_CONTACT_US
  )
  const NotFoundPageWithTitle = withTitle(NotFoundPage, titles.NOT_FOUND)
  
  const SettingsContainer = ({ match }) => (
    <Switch>
      <Route
        path={`${match.path}/edit-profile`}
        component={EditProfilePageWithTitle}
      />
      <Route
        path={`${match.path}/change-password`}
        component={ChangePasswordWithTitle}
      />
      <Route
        path={`${match.path}/notifications`}
        component={SettingsNotificationsWithTitle}
      />
      <Route
        path={`${match.path}/color-theme`}
        component={ColorThemePageWithTitle}
      />
      <Route
        path={`${match.path}/contact-us`}
        component={UserContactUsPageWithTitle}
      />
      <Route component={NotFoundPageWithTitle} />
    </Switch>
  )
  
  SettingsContainer.propTypes = {
    match: PropTypes.any,
  }
  
  export default SettingsContainer
  