export function buildSafeAreaCssVarsStyle(metrics) {
  return {
    '--sq-safe-top': `${metrics.topSafeHeight}px`,
    '--sq-nav-height': `${metrics.navContentHeight}px`,
    '--sq-header-height': `${metrics.headerHeight}px`,
    '--sq-capsule-right-safe': `${metrics.capsuleRightSafeWidth}px`,
  }
}