@use "sass:math";
@use "../sizes" as *;
@use "../common/sizes" as *;
@use "../typography/sizes" as *;

// adduse

$chat-border-radius: $base-border-radius * 2 !default; // 8px
$chat-bubble-border-radius: $base-border-radius * 2 !default;
$chat-bubble-padding: null !default;
$chat-bubble-container-gap: 4px !default;
$chat-bubble-delete-gap: null !default;
$chat-bubble-delete-icon-size: null !default;
$chat-messagebox-padding: null !default;
$chat-messagebox-textarea-border-radius: $base-border-radius * 2 !default;
$chat-messagebox-textarea-padding: null !default;
$chat-messagebox-toolbar-min-height: null !default;
$chat-messagebox-gap: 8px !default;
$chat-messagebox-files-container-padding: 3px !default;
$chat-messagebox-files-container-padding-top: 2px !default;
$chat-messagebox-file-container-border-radius: 4px !default;
$chat-messagelist-padding: null !default;
$chat-messagegroup-gap: 4px !default;
$chat-messagegroup-padding: null !default;
$chat-information-gap: 8px !default;
$chat-avatar-size: 32px !default;
$chat-messagegroup-alignment-start-template: auto 82.5% 1fr !default;
$chat-messagegroup-alignment-start-gap: 12px !default;
$chat-information-font-size: 12px !default;
$chat-information-icon-size: 12px !default;
$chat-information-edited-gap: 2px !default;
$chat-alerts-padding-block: null !default;
$chat-alerts-padding-inline: 8px !default;
$chat-alerts-row-gap: null !default;
$chat-alert-padding-block: null !default;

$chat-message-editing-preview-caption-font-size: $material-xs-font-size !default;
$chat-message-editing-preview-content-row-gap: null !default;
$chat-message-editing-preview-content-padding-inline: null !default;
$chat-message-editing-preview-border-width: 3px !default;

$chat-messagelist-empty-icon-box-size: null !default;
$chat-messagelist-empty-icon-size: null !default;
$chat-messagelist-empty-icon-margin-bottom: null !default;
$chat-messagelist-empty-row-gap: null !default;
$chat-messagelist-empty-message-font-size: null !default;
$chat-messagelist-empty-prompt-font-size: null !default;
$chat-messagelist-day-header-padding-bottom: 12px !default;
$chat-messagelist-day-header-first-padding-top: 20px !default;
$chat-messagelist-day-header-font-size: 12px !default;

$chat-typingindicator-template: $chat-messagegroup-alignment-start-template !default;
$chat-typingindicator-padding: null !default;
$chat-typingindicator-row-gap: $chat-messagegroup-gap !default;
$chat-typingindicator-font-size: $chat-information-font-size !default;
$chat-typingindicator-bubble-padding-block: null !default;
$chat-typingindicator-bubble-padding-inline: null !default;
$chat-typingindicator-bubble-border-radius: $chat-bubble-border-radius !default;
$chat-typingindicator-bubble-column-gap: 4px !default;
$chat-typingindicator-circle-size: null !default;
$chat-typingindicator-circle-size-center: null !default;
$chat-typingindicator-circle-border-radius: 999em !default;

$chat-confirmation-popup-content-padding: null !default;
$chat-confirmation-popup-toolbar-padding-block: null !default;
$chat-confirmation-popup-toolbar-padding-inline: null !default;
$chat-confirmation-popup-toolbar-gap: null !default;

$chat-file-container-width: 17.14em !default;
$chat-file-container-padding: 7px 8px !default;
$chat-file-container-border-radius: $material-base-border-radius !default;
$chat-file-button-size: $material-button-height !default;
$chat-file-secondary-font-size: 10px !default;
$chat-file-base-section-gap: 4px !default;
$chat-file-size-max-width: 4em !default;
$chat-file-name-font-weight: 500 !default;
$chat-file-icon-font-size: null !default;
$chat-file-view-items-gap: 8px !default;
$chat-bubble-gap: 8px !default;

@if $size == "default" {
  $chat-bubble-border-radius: 8px !default;
  $chat-bubble-padding: 8px 16px !default;
  $chat-bubble-delete-gap: 4px !default;
  $chat-bubble-delete-icon-size: 20px !default;
  $chat-messagebox-padding: 20px !default;
  $chat-messagebox-textarea-padding: 16px !default;
  $chat-messagebox-toolbar-min-height: 36px !default;
  $chat-messagelist-padding: 20px !default;
  $chat-messagegroup-padding: 24px !default;

  $chat-alerts-padding-block: 16px !default;
  $chat-alerts-row-gap: 4px !default;
  $chat-alert-padding-block: 6px !default;

  $chat-message-editing-preview-content-padding-inline: 12px !default;
  $chat-message-editing-preview-content-row-gap: 4px !default;

  $chat-messagelist-empty-icon-box-size: 64px !default;
  $chat-messagelist-empty-icon-size: 40px !default;
  $chat-messagelist-empty-icon-margin-bottom: 12px !default;
  $chat-messagelist-empty-row-gap: 4px !default;
  $chat-messagelist-empty-message-font-size: 18px !default;
  $chat-messagelist-empty-prompt-font-size: 14px !default;

  $chat-typingindicator-circle-size: math.div(8, 14) * 1em !default;
  $chat-typingindicator-circle-size-center: math.div(12, 14) * 1em !default;
  $chat-typingindicator-bubble-padding-block: 11px !default;
  $chat-typingindicator-bubble-padding-inline: 20px !default;
  $chat-typingindicator-padding: $chat-messagegroup-padding !default;

  $chat-confirmation-popup-content-padding: 16px !default;
  $chat-confirmation-popup-toolbar-padding-block: 0 16px !default;
  $chat-confirmation-popup-toolbar-padding-inline: 24px !default;
  $chat-confirmation-popup-toolbar-gap: 8px !default;

  $chat-file-icon-font-size: 18px !default;
}

@else if $size == "compact" {
  $chat-bubble-border-radius: 4px !default;
  $chat-bubble-padding: 6px 8px !default;
  $chat-bubble-delete-gap: 2px !default;
  $chat-bubble-delete-icon-size: 16px !default;
  $chat-messagebox-padding: 16px !default;
  $chat-messagebox-textarea-padding: 12px !default;
  $chat-messagebox-toolbar-min-height: 28px !default;
  $chat-messagelist-padding: 16px !default;
  $chat-messagegroup-padding: 12px !default;

  $chat-alerts-padding-block: 12px !default;
  $chat-alerts-row-gap: 2px !default;
  $chat-alert-padding-block: 5px !default;

  $chat-message-editing-preview-content-padding-inline: 8px !default;
  $chat-message-editing-preview-content-row-gap: 2px !default;

  $chat-messagelist-empty-icon-box-size: 48px !default;
  $chat-messagelist-empty-icon-size: 32px !default;
  $chat-messagelist-empty-icon-margin-bottom: 14px !default;
  $chat-messagelist-empty-row-gap: 2px !default;
  $chat-messagelist-empty-message-font-size: 14px !default;
  $chat-messagelist-empty-prompt-font-size: 12px !default;

  $chat-typingindicator-circle-size: math.div(8, 13) * 1em !default;
  $chat-typingindicator-circle-size-center: math.div(12, 13) * 1em !default;
  $chat-typingindicator-bubble-padding-block: 8px !default;
  $chat-typingindicator-bubble-padding-inline: 12px !default;
  $chat-typingindicator-padding: $chat-messagegroup-padding !default;

  $chat-confirmation-popup-content-padding: 8px !default;
  $chat-confirmation-popup-toolbar-padding-block: 0 8px !default;
  $chat-confirmation-popup-toolbar-padding-inline: 16px !default;
  $chat-confirmation-popup-toolbar-gap: 4px !default;

  $chat-file-icon-font-size: 16px !default;
}