import { Layout } from 'antd'
import PageHeader from '../PageHeader'
import WellTreeSelector from '../WellTreeSelector'

type LayoutPortalProps = {
  title?: string
  noSheet?: boolean
  [props: string]: any
}

export const LayoutPortal: React.FC<LayoutPortalProps> = ({title, noSheet, ...props}) => (
  <Layout.Content>
    <PageHeader title={title}>
      <WellTreeSelector />
    </PageHeader>
    <Layout>
      {noSheet ? props.children : (
        <Layout.Content className={'site-layout-background sheet'} {...props}/>
      )}
    </Layout>
  </Layout.Content>
)