import { jsx } from "react/jsx-runtime";
import "react";
import "clsx";
import { useMantineContext } from "../../../core/MantineProvider/Mantine.context.mjs";
import { useMantineTheme } from "../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.mjs";
import { InlineStyles } from "../../../core/InlineStyles/InlineStyles.mjs";
import { getVariables } from "./get-variables/get-variables.mjs";
function AppShellMediaStyles({
  navbar,
  header,
  aside,
  footer,
  padding
}) {
  const theme = useMantineTheme();
  const ctx = useMantineContext();
  const { media, baseStyles } = getVariables({ navbar, header, footer, aside, padding, theme });
  return /* @__PURE__ */ jsx(InlineStyles, { media, styles: baseStyles, selector: ctx.cssVariablesSelector });
}
export {
  AppShellMediaStyles
};
