@import "../../themes/native/native.globals.ios";

// iOS Toolbar
// --------------------------------------------------

/// @prop - Order of the toolbar elements
$toolbar-order-ios: (
  back-button: 0,
  menu-toggle-start: 1,
  slot-start: 2,
  slot-secondary: 3,
  content: 4,
  slot-primary: 5,
  slot-end: 6,
  menu-toggle-end: 7,
  title-large: 8,
);

/// @prop - Minimum height of the toolbar
$toolbar-ios-min-height: 44px;

/// @prop - Padding top of the toolbar
$toolbar-ios-padding-top: 3px;

/// @prop - Padding end of the toolbar
$toolbar-ios-padding-end: 4px;

/// @prop - Padding bottom of the toolbar
$toolbar-ios-padding-bottom: $toolbar-ios-padding-top;

/// @prop - Padding start of the toolbar
$toolbar-ios-padding-start: $toolbar-ios-padding-end;

/// @prop - Font size of the toolbar button
/// The minimum and maximum font sizes for a toolbar button are
/// 100% and 135%, respectively, of their default font size
$toolbar-ios-button-font-size: dynamic-font-clamp(1, 17px, 1.24);

/// @prop - Border radius of the toolbar button
$toolbar-ios-button-border-radius: 4px;