import AccountSidebar from "@/components/accounts/AccountSidebar";
import Link from "next/link";

export const metadata = {
  title: "Accounts",
};

export default function layout({ children }) {
  return (
    <div className='bg-slate-50'>
    <div className="flex flex-col sm:flex-row min-h-screen bg-gray-100 max-w-7xl mx-auto">
      {/* Sidebar - flex row on mobile, column on desktop */}
      <AccountSidebar />

      {/* Main content */}
      <main className="flex-1 p-8">{children}</main>
    </div>
    </div>
  );
}