/**
 * @license
 * Copyright 2019 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */

import {LitElement, html, css, unsafeCSS} from 'lit';
import {customElement, property} from 'lit/decorators.js';
import { breakpoints } from '../../breakpoints';

@customElement('iu-contacts')

export class Contacts extends LitElement {
  static override styles = css`
    :host{
      display: block;
      background: var(--iu-color-yellow-100);
      padding-top: var(--iu-spacing-block-sm);
      padding-bottom: var(--iu-spacing-block-sm);
    }
    iu-heading{
      --iu-heading-link-color: var(--iu-color-yellow-400);
    }
  `; 
  
  @property() heading = 'Contatti';

  override render() {
    return html`
        <iu-heading text="${this.heading}" noDivider link="Vai alla rubrica" href="#"></iu-heading>
        <slot></slot>
    `;
  }

}

declare global {
  interface HTMLElementTagNameMap {
    'iu-contacts': Contacts;
  }
}