import React from 'react';

import DefaultLayout from './DefaultLayout';

import Sidebar from '../ui/Sidebar';

const DefaultLayoutSidebar = ({

  // eslint-disable-next-line react/prop-types

  component: Component,

  ...rest

}) => (

  <DefaultLayout

    {...rest}

    component={matchProps => (

      <div className="row">

        <div className="col col-3">

          <Sidebar {...rest} />

        </div>

        <div className="col col-9">

          <Component {...matchProps} />

        </div>

      </div>

    )}

  />

);

export default DefaultLayoutSidebar;