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

// iOS Picker
// --------------------------------------------------

/// @prop - Height of the picker wrapper
$picker-ios-height: 260px;

/// @prop - Border color of the picker wrapper
$picker-ios-border-color: $item-ios-border-color;

/// @prop - Background Color of the picker wrapper
$picker-ios-background-color: $background-color;

/// @prop - Top Background Color of the picker wrapper gradient
$picker-ios-top-background-color: var(--background, $picker-ios-background-color);

/// @prop - Bottom Background Color alpha of the picker wrapper gradient
$picker-ios-bottom-background-color-alpha: 0.8;

/// @prop - Bottom Background Color of the picker wrapper gradient
$picker-ios-bottom-background-color: rgba(
  var(--background-rgb, $background-color-rgb),
  $picker-ios-bottom-background-color-alpha
);

/// @prop - Height of the picker toolbar
$picker-ios-toolbar-height: 44px;

/// @prop - Height of the picker button
$picker-ios-button-height: $picker-ios-toolbar-height;

/// @prop - Text color of the picker button
$picker-ios-button-text-color: ion-color(primary, base);

/// @prop - Font size of the picker button
$picker-ios-button-font-size: 16px;

/// @prop - Padding top of the picker button
$picker-ios-button-padding-top: 0;

/// @prop - Padding end of the picker button
$picker-ios-button-padding-end: 1em;

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

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

/// @prop - Font weight of the strong picker button
$picker-ios-button-strong-font-weight: 600;

/// @prop - Padding top of the picker column
$picker-ios-column-padding-top: 0;

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

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

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

/// @prop - Perspective of the picker column
$picker-ios-column-perspective: 1000px;

/// @prop - Padding top of the picker option
$picker-ios-option-padding-top: 0;

/// @prop - Padding end of the picker option
$picker-ios-option-padding-end: $picker-ios-option-padding-top;

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

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

/// @prop - Text color of the picker option
$picker-ios-option-text-color: $item-ios-color;

/// @prop - Font size of the picker option
$picker-ios-option-font-size: 20px;

/// @prop - Height of the picker option
$picker-ios-option-height: 42px;

/// @prop - Offset y of the picker option
$picker-ios-option-offset-y: (($picker-ios-height - $picker-ios-toolbar-height) * 0.5) -
  ($picker-ios-option-height * 0.5) - 10;