import styles from './AppShell.module.css'
import type { ReactNode } from 'react'

interface AppShellProps {
  sidebar: ReactNode
  children: ReactNode
  /** @deprecated DetailPanel now portals itself automatically. This prop is ignored. */
  detail?: ReactNode
}

export function AppShell({ sidebar, children }: AppShellProps) {
  return (
    <div className={styles.app}>
      {sidebar}
      <div className={styles.main}>
        {children}
      </div>
      <div id="cameleer-detail-panel-root" />
    </div>
  )
}
