import { TemplateRef } from '@angular/core';

export interface MapDropdownContent {
  mainContent?: MapDropdownContentItem[];
  expandedContent?: MapDropdownContentItem[];
  clusterData?: MapDropdownClusterItem[];
  selectedClusterItemData?: any;
  isAlwaysExpanded?: boolean;
  mainContentTemplate?: TemplateRef<any>;
  expandedContentTemplate?: TemplateRef<any>;
}

export interface MapDropdownContentItem {
  template:
    | 'header-title'
    | 'rating-review'
    | 'divider'
    | 'repair-shop-services'
    | 'fuel-price-range'
    | 'stop-type'
    | 'icon-text'
    | 'title'
    | 'title-count'
    | 'subtitle'
    | 'text'
    | 'money-text'
    | 'open-hours'
    | 'small-subtitle'
    | 'text-count'
    | 'side-by-side'
    | 'date'
    | 'travel-time';
  field: string;
  secondField?: string;
  thirdField?: string;
  url?: string;
  count?: number;
  title?: string;
  iconTooltipText?: string;
  hasBackButton?: boolean;
  customClassContainer?: string;
  customClassText?: string;
  isDate?: boolean;
  isDuration?: boolean;
  sideBySideInfo?: {
    leftSide: MapDropdownContentItem;
    rightSide: MapDropdownContentItem;
  };
}

export interface MapDropdownClusterItem {
  id?: number;
  name?: string | null;
  favourite?: boolean;
  isClosed?: boolean;
  pricePerGallon?: number | null;
}