import { Link, Outlet } from "react-router-dom"
import { PATHS } from "@/config/routes"
import { ThemeToggle } from "@/shared/components/ThemeToggle"

export default function Layout() {
  return (
    <div className="flex min-h-screen flex-col">
      <header className="border-b">
        <div className="container flex h-14 items-center justify-between">
          <Link to={PATHS.HOME} className="font-semibold">
            Frontend Template
          </Link>
          <ThemeToggle />
        </div>
      </header>
      <main className="container flex min-h-0 flex-1 flex-col py-8">
        <Outlet />
      </main>
    </div>
  )
}