import type * as React from 'react'

type AppDetailLayoutProps = {
  children: React.ReactNode
  side: React.ReactNode
}

export function AppDetailLayout({ children, side }: AppDetailLayoutProps) {
  return (
    <div className="grid gap-4 xl:grid-cols-[minmax(0,1fr)_360px]">
      <div className="grid min-w-0 gap-4">{children}</div>
      <aside className="grid content-start gap-4">{side}</aside>
    </div>
  )
}