/**
 * Action Links List Component
 * A container for icon link buttons with dividers
 */
class ActionLinksList extends HTMLElement {
  constructor() {
    super();
    this.attachShadow({ mode: "open" });
  }

  connectedCallback() {
    this.render();
  }

  render() {
    this.shadowRoot.innerHTML = `
      <style>
        :host {
          display: block;
        }

        .action-links-list {
          display: flex;
          flex-direction: column;
          margin-top: var(--spacing-md, 1rem);
          gap: var(--spacing-md, 1rem);
        }
      </style>
      <div class="action-links-list">
        <slot></slot>
      </div>
    `;
  }
}

customElements.define("action-links-list", ActionLinksList);