layout.tsx — ui Source File

Architecture documentation for layout.tsx, a tsx file in the ui codebase. 2 imports, 0 dependents.

File tsx ComponentRegistry Styles 2 imports 1 functions

Entity Profile

ComponentRegistry→ Styles→ layout.tsx — ui Source File

Dependency Diagram

graph LR
  b5552f3c_f277_c0cd_3c5e_706b4909c125["layout.tsx"]
  9d48b603_1f13_93fc_e3e5_727b9e34c20c["site-footer"]
  b5552f3c_f277_c0cd_3c5e_706b4909c125 --> 9d48b603_1f13_93fc_e3e5_727b9e34c20c
  603708c1_2d4c_fa15_95c8_f78fc8f0e152["site-header"]
  b5552f3c_f277_c0cd_3c5e_706b4909c125 --> 603708c1_2d4c_fa15_95c8_f78fc8f0e152
  style b5552f3c_f277_c0cd_3c5e_706b4909c125 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { SiteFooter } from "@/components/site-footer"
import { SiteHeader } from "@/components/site-header"

interface AppLayoutProps {
  children: React.ReactNode
}

export default function AppLayout({ children }: AppLayoutProps) {
  return (
    <div data-wrapper="" className="border-grid flex flex-1 flex-col">
      <SiteHeader />
      <main className="flex flex-1 flex-col">{children}</main>
      <SiteFooter />
    </div>
  )
}