@use "../variables" as *;

$cx-window-state-style-map: (
   default: (
      box-shadow: $cx-default-window-box-shadow,
      background-color: $cx-default-window-background-color,
      border-radius: $cx-default-window-border-radius,
   ),
   resizable: (
      box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.29),
   ),
) !default;

$cx-window-header-state-style-map: (
   default: (
      color: $cx-default-window-header-color,
      background: $cx-default-window-header-background-color,
      padding: $cx-default-window-header-padding,
      font-size: $cx-default-window-header-font-size,
      align-items: center,
   ),
   active: (),
) !default;

$cx-window-footer-state-style-map: (
   default: (
      background: $cx-default-window-footer-background-color,
      padding: $cx-default-window-footer-padding,
   ),
) !default;

$cx-window-body-state-style-map: (
   default: (
      background: $cx-default-window-body-background-color,
   ),
) !default;

$cx-window-mods: (
   alert: (
      frame: (
         min-width: 300px,
      ),
      body: (
         padding: 2.5rem,
         text-align: center,
      ),
      footer: (
         text-align: center,
      ),
   ),
) !default;