@mantine/core/cjs/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.cjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"AppShellMediaStyles.cjs","names":["useMantineTheme","useMantineContext","getVariables","InlineStyles"],"sources":["../../../../src/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.tsx"],"sourcesContent":["import { InlineStyles, useMantineContext, useMantineTheme } from '../../../core';\nimport type { AppShellProps } from '../AppShell';\nimport { getVariables } from './get-variables/get-variables';\n\ninterface AppShellMediaStylesProps {\n  navbar: AppShellProps['navbar'] | undefined;\n  header: AppShellProps['header'] | undefined;\n  aside: AppShellProps['aside'] | undefined;\n  footer: AppShellProps['footer'] | undefined;\n  padding: AppShellProps['padding'] | undefined;\n  mode: 'fixed' | 'static';\n  selector?: string;\n}\n\nexport function AppShellMediaStyles({\n  navbar,\n  header,\n  aside,\n  footer,\n  padding,\n  mode,\n  selector,\n}: AppShellMediaStylesProps) {\n  const theme = useMantineTheme();\n  const ctx = useMantineContext();\n  const { media, baseStyles } = getVariables({\n    navbar,\n    header,\n    footer,\n    aside,\n    padding,\n    theme,\n    mode,\n  });\n  return (\n    <InlineStyles\n      media={media}\n      styles={baseStyles}\n      selector={selector || ctx.cssVariablesSelector}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAcA,SAAgB,oBAAoB,EAClC,QACA,QACA,OACA,QACA,SACA,MACA,YAC2B;CAC3B,MAAM,QAAQA,6BAAAA,iBAAiB;CAC/B,MAAM,MAAMC,wBAAAA,mBAAmB;CAC/B,MAAM,EAAE,OAAO,eAAeC,sBAAAA,aAAa;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AACF,QACE,iBAAA,GAAA,kBAAA,KAACC,qBAAAA,cAAD;EACS;EACP,QAAQ;EACR,UAAU,YAAY,IAAI;EAC1B,CAAA"}