import React from 'react';
import './page-layout.scss';
import '../styles/main.css';
import { Breadcrumbs, BreadcrumbData } from '../components/Breadcrumbs/Breadcrumbs';
import { IPageLayoutProps } from './layouts.model';


const PageLayout = ({ children, ...props }: IPageLayoutProps) => {
    const {breadcrumb, handleBreadCrumbClick} = props;
  return (
    <section className='react-page'>
      <section className='react-page-header'>
        <Breadcrumbs data={breadcrumb as BreadcrumbData[]} onClick={handleBreadCrumbClick} />
        <h5 className='react-page-title'>
          Request Details
        </h5>
      </section>
      <section className='react-page-content'>
        {children}
      </section>
    </section>
  )
}

export default PageLayout;