import SettingsRail from './_components/settings-rail.jsx';

// Nested layout for /settings. Renders the inner Apple-style rail on the
// left and the active settings section on the right. The outer madarX
// sidebar (app/layout.js) stays mounted above this.
export default function SettingsLayout({ children }) {
  return (
    <div className="settings-shell">
      <aside className="settings-rail-wrap" aria-label="Settings sections">
        <SettingsRail />
      </aside>
      <div className="settings-content">{children}</div>
    </div>
  );
}
