"use client";
import { cn } from "./index3.js";
import { PanelIndexContext, useAppShell } from "./index473.js";
import * as React from "react";
import { jsx } from "react/jsx-runtime";
//#region src/components/templates/AppShell/AppShellContent.tsx
/**
* Card wrapper providing Figma-designed visual treatment for panel content.
* Solid background, shadow-sm elevation, rounded corners, subtle border.
*
* In connected mode, reads AppShellContext + PanelIndexContext to adapt
* border-radius based on panel position (first/last/only).
*/
function AppShellContent({ className, children, ...props }) {
	const context = useAppShell();
	const connected = context?.connected ?? false;
	const panelIndex = React.useContext(PanelIndexContext);
	const position = connected && context ? context.getPanelPosition(panelIndex) : null;
	return /* @__PURE__ */ jsx("div", {
		"data-slot": "app-shell-content",
		className: cn("flex flex-col h-full min-h-0 overflow-clip", "bg-card dark:bg-card-alt", "border border-border", "shadow-sm", !connected && "rounded-2xl", connected && position === "only" && "rounded-2xl", connected && position === "first" && ["rounded-ss-2xl rounded-es-2xl", "rounded-se-none rounded-ee-none"], connected && position === "last" && ["rounded-ss-none rounded-es-none", "rounded-se-2xl rounded-ee-2xl"], className),
		...props,
		children
	});
}
AppShellContent.displayName = "AppShell.Content";
//#endregion
export { AppShellContent };

//# sourceMappingURL=index474.js.map