import Component from '@glimmer/component';

const BADGE_LOOKUP = {
  ACTIVE: {
    tooltip: 'This peer connection is currently active.',
  },
  PENDING: {
    tooltip: 'This peering connection has not been established yet.',
  },
  ESTABLISHING: {
    tooltip: 'This peering connection is in the process of being established.',
  },
  FAILING: {
    tooltip:
      'This peering connection has some intermittent errors (usually network related). It will continue to retry. ',
  },
  DELETING: {
    tooltip: 'This peer is in the process of being deleted.',
  },
  TERMINATED: {
    tooltip: 'Someone in the other peer may have deleted this peering connection.',
  },
  UNDEFINED: {},
};
export default class PeeingsBadge extends Component {
  get styles() {
    const {
      peering: { State },
    } = this.args;

    return BADGE_LOOKUP[State];
  }

  get tooltip() {
    return this.styles.tooltip;
  }
}