@use 'sass:map';
@import './buttons', './logo';

// Moved variables here to be able to use them in uis
$header: (
  'padding-vertical': 16,
  'padding-horizontal': 24,
  'padding-horizontal_md': 40,
  'border': 1,
  'gap': 16,
);
$base-height: (get-map($header, 'padding-vertical') * 2) +
  (get-map($header, 'border') * 3);
$header-height: (
  'height': $base-height + get-map($logo, 'height'),
  'height_md': $base-height + get-map($button-large, 'font-size') +
    get-map($button-large, 'padding-top') + get-map($button-large, 'padding-bottom'),
);
$header: map.merge($header, $header-height);
